# Turquoise, indigo and magenta color palette

The Turquoise, indigo and magenta color palette brings together teal, blue, purple, and magenta. The colors span a moderate lightness range, combining strong color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is purple, and its lightest tone is teal.

- Also called: Vivid cyan, blue, purple and pink radial gradient
- Seed: `ka32-P5LVClFIw5D38FwuXCEtmwvV3UPg`
- Page: https://grabient.com/ka32-P5LVClFIw5D38FwuXCEtmwvV3UPg?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: dark center, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 4.6 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#27f2ff` | `oklch(87.79% 0.1446 201.79)` | Lightsaber Blue | black, 15.2 to 1 |
| 2 | `#2beeff` | `oklch(86.76% 0.1422 204.56)` | Sparky Blue | black, 14.7 to 1 |
| 3 | `#2fe8ff` | `oklch(85.38% 0.1398 208.38)` | Shimmering Expanse Cyan | black, 14 to 1 |
| 4 | `#2fe0ff` | `oklch(83.68% 0.1388 212.95)` | Vaporwave Blue | black, 13.2 to 1 |
| 5 | `#2ad8ff` | `oklch(81.71% 0.1400 217.96)` | Neon Blue | black, 12.3 to 1 |
| 6 | `#20cfff` | `oklch(79.52% 0.1435 223.13)` | Tropical Turquoise | black, 11.4 to 1 |
| 7 | `#0fc5ff` | `oklch(76.98% 0.1494 228.64)` | Shovel Knight | black, 10.4 to 1 |
| 8 | `#00b8ff` | `oklch(73.99% 0.1569 234.98)` | Blue Bolt | black, 9.3 to 1 |
| 9 | `#00aafe` | `oklch(70.77% 0.1666 241.55)` | Protoss Pylon | black, 8.2 to 1 |
| 10 | `#029cff` | `oklch(67.57% 0.1806 247.79)` | Blue Nebula | black, 7.1 to 1 |
| 11 | `#148eff` | `oklch(64.65% 0.1936 253.15)` | Clear Chill | black, 6.3 to 1 |
| 12 | `#1c82ff` | `oklch(62.10% 0.2065 257.11)` | Bubble Bobble P2 | black, 5.6 to 1 |
| 13 | `#1d75ff` | `oklch(59.65% 0.2203 259.87)` | Magic Fountain | black, 5 to 1 |
| 14 | `#1d6aff` | `oklch(57.37% 0.2338 261.92)` | Bluerocratic | white, 4.6 to 1 |
| 15 | `#205eff` | `oklch(55.37% 0.2460 263.78)` | Kyanite | white, 5 to 1 |
| 16 | `#2854ff` | `oklch(53.77% 0.2561 265.96)` | Light Shōjin Blue | white, 5.5 to 1 |
| 17 | `#344aff` | `oklch(52.65% 0.2635 268.81)` | Blueshift | white, 5.8 to 1 |
| 18 | `#4041ff` | `oklch(51.98% 0.2688 271.92)` | Pretentious Peacock | white, 6.1 to 1 |
| 19 | `#4b39ff` | `oklch(51.68% 0.2726 275.22)` | Ultra Indigo | white, 6.3 to 1 |
| 20 | `#5632ff` | `oklch(51.71% 0.2755 278.75)` | Meteor Shower | white, 6.3 to 1 |
| 21 | `#612cff` | `oklch(52.03% 0.2779 282.56)` | Akihabara Arcade | white, 6.3 to 1 |
| 22 | `#6d25ff` | `oklch(52.58% 0.2803 286.69)` | Bright Indigo | white, 6.2 to 1 |
| 23 | `#7a21ff` | `oklch(53.52% 0.2821 291.09)` | Szöllősi Grape | white, 6 to 1 |
| 24 | `#871efe` | `oklch(54.79% 0.2835 295.76)` | Punk Rock Pink | white, 5.7 to 1 |
| 25 | `#961efd` | `oklch(56.26% 0.2842 300.72)` | Star Platinum Purple | white, 5.3 to 1 |
| 26 | `#a51ef9` | `oklch(57.80% 0.2838 305.99)` | Cool Purple | white, 5 to 1 |
| 27 | `#b31ff3` | `oklch(59.30% 0.2821 311.62)` | Promiscuous Pink | white, 4.7 to 1 |
| 28 | `#c422ea` | `oklch(60.98% 0.2780 318.37)` | Trippy Velvet | black, 4.7 to 1 |
| 29 | `#d526dd` | `oklch(62.83% 0.2722 325.95)` | Demonic Purple | black, 5.1 to 1 |
| 30 | `#e42bd0` | `oklch(64.65% 0.2659 333.44)` | Méi Gūi Zǐ Purple | black, 5.5 to 1 |
| 31 | `#f030c4` | `oklch(66.22% 0.2602 339.91)` | Kriss Me Not Fuchsia | black, 5.9 to 1 |
| 32 | `#f834bb` | `oklch(67.32% 0.2563 344.46)` | Spicy Pink | black, 6.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #27f2ff 0.0%, #2beeff 3.2%, #2fe8ff 6.5%, #2fe0ff 9.7%, #2ad8ff 12.9%, #20cfff 16.1%, #0fc5ff 19.4%, #00b8ff 22.6%, #00aafe 25.8%, #029cff 29.0%, #148eff 32.3%, #1c82ff 35.5%, #1d75ff 38.7%, #1d6aff 41.9%, #205eff 45.2%, #2854ff 48.4%, #344aff 51.6%, #4041ff 54.8%, #4b39ff 58.1%, #5632ff 61.3%, #612cff 64.5%, #6d25ff 67.7%, #7a21ff 71.0%, #871efe 74.2%, #961efd 77.4%, #a51ef9 80.6%, #b31ff3 83.9%, #c422ea 87.1%, #d526dd 90.3%, #e42bd0 93.5%, #f030c4 96.8%, #f834bb 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.79% 0.1446 201.79) 0.0%, oklch(86.76% 0.1422 204.56) 3.2%, oklch(85.38% 0.1398 208.38) 6.5%, oklch(83.68% 0.1388 212.95) 9.7%, oklch(81.71% 0.1400 217.96) 12.9%, oklch(79.52% 0.1435 223.13) 16.1%, oklch(76.98% 0.1494 228.64) 19.4%, oklch(73.99% 0.1569 234.98) 22.6%, oklch(70.77% 0.1666 241.55) 25.8%, oklch(67.57% 0.1806 247.79) 29.0%, oklch(64.65% 0.1936 253.15) 32.3%, oklch(62.10% 0.2065 257.11) 35.5%, oklch(59.65% 0.2203 259.87) 38.7%, oklch(57.37% 0.2338 261.92) 41.9%, oklch(55.37% 0.2460 263.78) 45.2%, oklch(53.77% 0.2561 265.96) 48.4%, oklch(52.65% 0.2635 268.81) 51.6%, oklch(51.98% 0.2688 271.92) 54.8%, oklch(51.68% 0.2726 275.22) 58.1%, oklch(51.71% 0.2755 278.75) 61.3%, oklch(52.03% 0.2779 282.56) 64.5%, oklch(52.58% 0.2803 286.69) 67.7%, oklch(53.52% 0.2821 291.09) 71.0%, oklch(54.79% 0.2835 295.76) 74.2%, oklch(56.26% 0.2842 300.72) 77.4%, oklch(57.80% 0.2838 305.99) 80.6%, oklch(59.30% 0.2821 311.62) 83.9%, oklch(60.98% 0.2780 318.37) 87.1%, oklch(62.83% 0.2722 325.95) 90.3%, oklch(64.65% 0.2659 333.44) 93.5%, oklch(66.22% 0.2602 339.91) 96.8%, oklch(67.32% 0.2563 344.46) 100.0%);
```

## Keyframes

7 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.878 | 0.153 | 201.8 |
| 2 | 0.791 | 0.146 | 224 |
| 3 | 0.638 | 0.2 | 254.6 |
| 4 | 0.531 | 0.263 | 267.3 |
| 5 | 0.524 | 0.28 | 285.3 |
| 6 | 0.591 | 0.282 | 310.6 |
| 7 | 0.673 | 0.256 | 344.5 |

## In these collections

- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)
- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)

## Other forms

- [JSON](https://grabient.com/ka32-P5LVClFIw5D38FwuXCEtmwvV3UPg.json?style=radialGradient&steps=32)
- [PNG](https://grabient.com/ka32-P5LVClFIw5D38FwuXCEtmwvV3UPg.png?style=radialGradient&steps=32)
- [SVG](https://grabient.com/ka32-P5LVClFIw5D38FwuXCEtmwvV3UPg.svg?style=radialGradient&steps=32)
- [CSS](https://grabient.com/ka32-P5LVClFIw5D38FwuXCEtmwvV3UPg.css?style=radialGradient&steps=32)
- [ASE](https://grabient.com/ka32-P5LVClFIw5D38FwuXCEtmwvV3UPg.ase?style=radialGradient&steps=32)
- [GPL](https://grabient.com/ka32-P5LVClFIw5D38FwuXCEtmwvV3UPg.gpl?style=radialGradient&steps=32)
- [GRD](https://grabient.com/ka32-P5LVClFIw5D38FwuXCEtmwvV3UPg.grd?style=radialGradient&steps=32)
- [Design tokens](https://grabient.com/ka32-P5LVClFIw5D38FwuXCEtmwvV3UPg.tokens.json?style=radialGradient&steps=32)
- [Social card](https://grabient.com/api/og?seed=ka32-P5LVClFIw5D38FwuXCEtmwvV3UPg&style=radialGradient&steps=32)
- [Palettes like this one](https://grabient.com/palettes?q=ka32-P5LVClFIw5D38FwuXCEtmwvV3UPg)
- [Guide for agents](https://grabient.com/llms.txt)