# Turquoise, periwinkle and blush color palette

The Turquoise, periwinkle and blush color palette brings together teal, blue, purple, and magenta. The colors span a narrow lightness range, combining strong color with gentle contrast. Its light and open character suits seasonal campaigns and event graphics. Its darkest tone is blue, and its lightest tone is teal.

- Also called: Neon tritone light blue, purple and pink linear gradient
- Seed: `kW0HuSW8xDdHXRBZU8VYMxDY`
- Page: https://grabient.com/kW0HuSW8xDdHXRBZU8VYMxDY?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, neon
- Hues: wide
- Contrast of its darkest and lightest colors: 2 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 | `#00ddef` | `oklch(81.89% 0.1399 205.31)` | Tamarama | black, 12.5 to 1 |
| 2 | `#00d9ef` | `oklch(81.09% 0.1393 207.65)` | Thousand Sons Blue | black, 12.2 to 1 |
| 3 | `#00d5f0` | `oklch(80.00% 0.1387 210.72)` | Thousand Sons Blue | black, 11.7 to 1 |
| 4 | `#00cff0` | `oklch(78.71% 0.1386 214.38)` | Picnic Day Sky | black, 11.2 to 1 |
| 5 | `#00c9f0` | `oklch(77.28% 0.1393 218.46)` | Picnic Day Sky | black, 10.6 to 1 |
| 6 | `#00c3f1` | `oklch(75.80% 0.1410 222.82)` | Blue Raspberry | black, 10 to 1 |
| 7 | `#00bcf2` | `oklch(74.33% 0.1439 227.29)` | Blue Bikini | black, 9.5 to 1 |
| 8 | `#00b6f4` | `oklch(72.97% 0.1483 231.71)` | Zima Blue | black, 9 to 1 |
| 9 | `#00b1f6` | `oklch(71.76% 0.1543 235.95)` | Democrat | black, 8.5 to 1 |
| 10 | `#00aafa` | `oklch(70.52% 0.1619 240.12)` | Krishna Blue | black, 8.1 to 1 |
| 11 | `#00a4fe` | `oklch(69.21% 0.1718 244.33)` | Protoss Pylon | black, 7.7 to 1 |
| 12 | `#1b9dff` | `oklch(67.90% 0.1777 248.61)` | Blue Nebula | black, 7.2 to 1 |
| 13 | `#2f95ff` | `oklch(66.68% 0.1812 253.01)` | Brilliant Azure | black, 6.8 to 1 |
| 14 | `#3e8fff` | `oklch(65.62% 0.1846 257.56)` | Clear Chill | black, 6.5 to 1 |
| 15 | `#4c88ff` | `oklch(64.80% 0.1877 262.28)` | Bleuchâtel Blue | black, 6.2 to 1 |
| 16 | `#5a83ff` | `oklch(64.29% 0.1901 267.22)` | Skinny Jeans | black, 6 to 1 |
| 17 | `#687eff` | `oklch(64.16% 0.1917 272.44)` | Byzantine Night Blue | black, 6 to 1 |
| 18 | `#767aff` | `oklch(64.45% 0.1927 278.14)` | Stargate Shimmer | black, 6 to 1 |
| 19 | `#8578ff` | `oklch(65.06% 0.1941 284.21)` | Bainganī | black, 6.1 to 1 |
| 20 | `#9575ff` | `oklch(65.90% 0.1965 290.47)` | Forgotten Purple | black, 6.2 to 1 |
| 21 | `#a473ff` | `oklch(66.90% 0.2007 296.74)` | Purple Illusionist | black, 6.4 to 1 |
| 22 | `#b370ff` | `oklch(67.95% 0.2073 302.87)` | Queer Purple | black, 6.6 to 1 |
| 23 | `#c26cff` | `oklch(68.98% 0.2167 308.67)` | Easter Purple | black, 6.8 to 1 |
| 24 | `#d066ff` | `oklch(69.88% 0.2294 313.99)` | After-Party Pink | black, 7 to 1 |
| 25 | `#da66f9` | `oklch(70.68% 0.2285 318.83)` | Clematis Magenta | black, 7.2 to 1 |
| 26 | `#e466f2` | `oklch(71.53% 0.2258 323.55)` | Pink Ping | black, 7.4 to 1 |
| 27 | `#ec67eb` | `oklch(72.41% 0.2228 328.09)` | Pink Ping | black, 7.7 to 1 |
| 28 | `#f469e4` | `oklch(73.29% 0.2196 332.34)` | Pink Ping | black, 7.9 to 1 |
| 29 | `#fb6bde` | `oklch(74.13% 0.2165 336.23)` | Candy Pink | black, 8.2 to 1 |
| 30 | `#ff6fd7` | `oklch(74.88% 0.2086 339.66)` | Rose Pink | black, 8.5 to 1 |
| 31 | `#ff76d0` | `oklch(75.51% 0.1933 342.55)` | Nervous Neon Pink | black, 8.7 to 1 |
| 32 | `#ff7bcc` | `oklch(75.98% 0.1828 344.80)` | Pout Pink | black, 8.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00ddef 0.0%, #00d9ef 3.2%, #00d5f0 6.5%, #00cff0 9.7%, #00c9f0 12.9%, #00c3f1 16.1%, #00bcf2 19.4%, #00b6f4 22.6%, #00b1f6 25.8%, #00aafa 29.0%, #00a4fe 32.3%, #1b9dff 35.5%, #2f95ff 38.7%, #3e8fff 41.9%, #4c88ff 45.2%, #5a83ff 48.4%, #687eff 51.6%, #767aff 54.8%, #8578ff 58.1%, #9575ff 61.3%, #a473ff 64.5%, #b370ff 67.7%, #c26cff 71.0%, #d066ff 74.2%, #da66f9 77.4%, #e466f2 80.6%, #ec67eb 83.9%, #f469e4 87.1%, #fb6bde 90.3%, #ff6fd7 93.5%, #ff76d0 96.8%, #ff7bcc 100.0%);
background: linear-gradient(90deg in oklch, oklch(81.89% 0.1399 205.31) 0.0%, oklch(81.09% 0.1393 207.65) 3.2%, oklch(80.00% 0.1387 210.72) 6.5%, oklch(78.71% 0.1386 214.38) 9.7%, oklch(77.28% 0.1393 218.46) 12.9%, oklch(75.80% 0.1410 222.82) 16.1%, oklch(74.33% 0.1439 227.29) 19.4%, oklch(72.97% 0.1483 231.71) 22.6%, oklch(71.76% 0.1543 235.95) 25.8%, oklch(70.52% 0.1619 240.12) 29.0%, oklch(69.21% 0.1718 244.33) 32.3%, oklch(67.90% 0.1777 248.61) 35.5%, oklch(66.68% 0.1812 253.01) 38.7%, oklch(65.62% 0.1846 257.56) 41.9%, oklch(64.80% 0.1877 262.28) 45.2%, oklch(64.29% 0.1901 267.22) 48.4%, oklch(64.16% 0.1917 272.44) 51.6%, oklch(64.45% 0.1927 278.14) 54.8%, oklch(65.06% 0.1941 284.21) 58.1%, oklch(65.90% 0.1965 290.47) 61.3%, oklch(66.90% 0.2007 296.74) 64.5%, oklch(67.95% 0.2073 302.87) 67.7%, oklch(68.98% 0.2167 308.67) 71.0%, oklch(69.88% 0.2294 313.99) 74.2%, oklch(70.68% 0.2285 318.83) 77.4%, oklch(71.53% 0.2258 323.55) 80.6%, oklch(72.41% 0.2228 328.09) 83.9%, oklch(73.29% 0.2196 332.34) 87.1%, oklch(74.13% 0.2165 336.23) 90.3%, oklch(74.88% 0.2086 339.66) 93.5%, oklch(75.51% 0.1933 342.55) 96.8%, oklch(75.98% 0.1828 344.80) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.169 | 205.3 |
| 2 | 0.72 | 0.209 | 234.9 |
| 3 | 0.642 | 0.24 | 269.8 |
| 4 | 0.701 | 0.23 | 315.2 |
| 5 | 0.76 | 0.209 | 344.8 |

## In these collections

- [Summer gradients](https://grabient.com/summer-gradients)
- [Bright gradients](https://grabient.com/bright-gradients)
- [Light multicolor gradients](https://grabient.com/light-multicolor-gradients)

## Other forms

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