# Turquoise and stone retro palette

The Turquoise and stone retro palette brings together light teal, light gray, and light purple. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits editorial layouts and period-inspired packaging. Its darkest tone is light teal, and its lightest tone is light gray.

- Also called: Pastel blue, gray and lavender radial gradient
- Seed: `kUxCWRaYo-usGSfjEUPA`
- Page: https://grabient.com/kUxCWRaYo-usGSfjEUPA?style=radialGradient&steps=32&angle=270
- Drawn as: radial gradient, 32 steps, 270 degrees
- Kinds: even lightness, pastel, light, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 1.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 | `#8fbfc4` | `oklch(77.17% 0.0510 203.91)` | Chuff Blue | black, 10.3 to 1 |
| 2 | `#91c0c4` | `oklch(77.52% 0.0496 202.90)` | Chuff Blue | black, 10.5 to 1 |
| 3 | `#94c1c4` | `oklch(78.01% 0.0477 201.09)` | Chuff Blue | black, 10.6 to 1 |
| 4 | `#98c3c4` | `oklch(78.59% 0.0455 198.77)` | Favourite Sweater | black, 10.9 to 1 |
| 5 | `#9cc4c4` | `oklch(79.24% 0.0431 196.22)` | Favourite Sweater | black, 11.1 to 1 |
| 6 | `#a0c6c5` | `oklch(79.93% 0.0404 193.73)` | Raindrop | black, 11.3 to 1 |
| 7 | `#a5c8c6` | `oklch(80.63% 0.0377 191.59)` | Zenith Heights | black, 11.6 to 1 |
| 8 | `#a9cac7` | `oklch(81.31% 0.0350 190.08)` | Impressionist Blue | black, 11.9 to 1 |
| 9 | `#adcbc8` | `oklch(81.94% 0.0325 189.50)` | Seaport Steam | black, 12.1 to 1 |
| 10 | `#b0ccca` | `oklch(82.50% 0.0301 190.12)` | Baroque Chalk Soft Blue | black, 12.3 to 1 |
| 11 | `#b3cdcc` | `oklch(82.95% 0.0281 192.25)` | Clear Pond | black, 12.5 to 1 |
| 12 | `#b5cece` | `oklch(83.29% 0.0264 196.21)` | Turquoise Grey | black, 12.6 to 1 |
| 13 | `#b8ced0` | `oklch(83.61% 0.0246 202.14)` | Turquoise Grey | black, 12.8 to 1 |
| 14 | `#bacfd2` | `oklch(83.90% 0.0228 209.68)` | Shhh… | black, 12.9 to 1 |
| 15 | `#bdcfd4` | `oklch(84.14% 0.0211 218.42)` | Shhh… | black, 12.9 to 1 |
| 16 | `#bfced6` | `oklch(84.34% 0.0194 227.96)` | Keepsake | black, 13 to 1 |
| 17 | `#c2ced7` | `oklch(84.49% 0.0180 237.90)` | Illusion Blue | black, 13.1 to 1 |
| 18 | `#c4ced7` | `oklch(84.58% 0.0169 247.84)` | Illusion Blue | black, 13.1 to 1 |
| 19 | `#c6cdd7` | `oklch(84.60% 0.0161 257.39)` | Link Water | black, 13.1 to 1 |
| 20 | `#c7ccd7` | `oklch(84.54% 0.0158 266.14)` | Winter’s Fury | black, 13 to 1 |
| 21 | `#c8cbd7` | `oklch(84.40% 0.0161 273.70)` | Winter’s Fury | black, 13 to 1 |
| 22 | `#c8cad6` | `oklch(84.16% 0.0169 279.73)` | Lilac Hint | black, 12.8 to 1 |
| 23 | `#c8c8d6` | `oklch(83.76% 0.0186 284.88)` | Daybreak Beckons | black, 12.7 to 1 |
| 24 | `#c7c6d5` | `oklch(83.21% 0.0212 289.43)` | Kiri Mist | black, 12.4 to 1 |
| 25 | `#c6c3d5` | `oklch(82.55% 0.0243 293.43)` | Pale Violet | black, 12.1 to 1 |
| 26 | `#c5c0d4` | `oklch(81.82% 0.0279 296.95)` | Estate Violet | black, 11.8 to 1 |
| 27 | `#c4bdd3` | `oklch(81.05% 0.0316 300.03)` | Purpling Dawn | black, 11.5 to 1 |
| 28 | `#c3bad2` | `oklch(80.28% 0.0354 302.72)` | Fog Syringa | black, 11.2 to 1 |
| 29 | `#c2b6d1` | `oklch(79.54% 0.0390 305.07)` | Savile Row | black, 10.9 to 1 |
| 30 | `#c1b4d0` | `oklch(78.89% 0.0423 307.14)` | Frosted Orchid | black, 10.6 to 1 |
| 31 | `#c1b1cf` | `oklch(78.35% 0.0449 308.98)` | Vintage Bloom | black, 10.4 to 1 |
| 32 | `#c1afce` | `oklch(77.95% 0.0469 310.64)` | Vintage Bloom | black, 10.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #8fbfc4 0.0%, #91c0c4 3.2%, #94c1c4 6.5%, #98c3c4 9.7%, #9cc4c4 12.9%, #a0c6c5 16.1%, #a5c8c6 19.4%, #a9cac7 22.6%, #adcbc8 25.8%, #b0ccca 29.0%, #b3cdcc 32.3%, #b5cece 35.5%, #b8ced0 38.7%, #bacfd2 41.9%, #bdcfd4 45.2%, #bfced6 48.4%, #c2ced7 51.6%, #c4ced7 54.8%, #c6cdd7 58.1%, #c7ccd7 61.3%, #c8cbd7 64.5%, #c8cad6 67.7%, #c8c8d6 71.0%, #c7c6d5 74.2%, #c6c3d5 77.4%, #c5c0d4 80.6%, #c4bdd3 83.9%, #c3bad2 87.1%, #c2b6d1 90.3%, #c1b4d0 93.5%, #c1b1cf 96.8%, #c1afce 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(77.17% 0.0510 203.91) 0.0%, oklch(77.52% 0.0496 202.90) 3.2%, oklch(78.01% 0.0477 201.09) 6.5%, oklch(78.59% 0.0455 198.77) 9.7%, oklch(79.24% 0.0431 196.22) 12.9%, oklch(79.93% 0.0404 193.73) 16.1%, oklch(80.63% 0.0377 191.59) 19.4%, oklch(81.31% 0.0350 190.08) 22.6%, oklch(81.94% 0.0325 189.50) 25.8%, oklch(82.50% 0.0301 190.12) 29.0%, oklch(82.95% 0.0281 192.25) 32.3%, oklch(83.29% 0.0264 196.21) 35.5%, oklch(83.61% 0.0246 202.14) 38.7%, oklch(83.90% 0.0228 209.68) 41.9%, oklch(84.14% 0.0211 218.42) 45.2%, oklch(84.34% 0.0194 227.96) 48.4%, oklch(84.49% 0.0180 237.90) 51.6%, oklch(84.58% 0.0169 247.84) 54.8%, oklch(84.60% 0.0161 257.39) 58.1%, oklch(84.54% 0.0158 266.14) 61.3%, oklch(84.40% 0.0161 273.70) 64.5%, oklch(84.16% 0.0169 279.73) 67.7%, oklch(83.76% 0.0186 284.88) 71.0%, oklch(83.21% 0.0212 289.43) 74.2%, oklch(82.55% 0.0243 293.43) 77.4%, oklch(81.82% 0.0279 296.95) 80.6%, oklch(81.05% 0.0316 300.03) 83.9%, oklch(80.28% 0.0354 302.72) 87.1%, oklch(79.54% 0.0390 305.07) 90.3%, oklch(78.89% 0.0423 307.14) 93.5%, oklch(78.35% 0.0449 308.98) 96.8%, oklch(77.95% 0.0469 310.64) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.772 | 0.051 | 203.9 |
| 2 | 0.831 | 0.028 | 193.3 |
| 3 | 0.843 | 0.017 | 277.9 |
| 4 | 0.78 | 0.047 | 310.6 |

## In these collections

- [Retro gradients](https://grabient.com/retro-gradients)

## Other forms

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