# Turquoise amber violet and blue gem rings

Turquoise begins at the center, passes through olive-gold, coral, amber, and bright yellow, then cools through berry, violet, and blue toward an ocean-blue edge. The 32 radial swatches read as concentric gemstone rings with a warm metallic middle and cool perimeter.

- Also called: Rainbow from teal to blue radial swatches
- Seed: `kWy0WASqyumqvxwyIq5TSS2w`
- Page: https://grabient.com/kWy0WASqyumqvxwyIq5TSS2w?style=radialSwatches&steps=32&angle=0
- Drawn as: radial swatches, 32 steps, 0 degrees
- Kinds: rainbow
- Hues: complementary
- Contrast of its darkest and lightest colors: 6.1 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 | `#72d2c0` | `oklch(79.92% 0.0951 180.00)` | Downy | black, 11.6 to 1 |
| 2 | `#75cbaa` | `oklch(77.88% 0.0974 166.73)` | Minted Elegance | black, 10.8 to 1 |
| 3 | `#81bf88` | `oklch(74.80% 0.1007 147.41)` | Greengage | black, 9.7 to 1 |
| 4 | `#94ad62` | `oklch(71.10% 0.1046 124.31)` | Herbal Garden | black, 8.4 to 1 |
| 5 | `#a69740` | `oklch(67.24% 0.1089 99.71)` | Prickly Pear | black, 7.1 to 1 |
| 6 | `#b28130` | `oklch(63.64% 0.1132 75.90)` | Gilded Gold | black, 6 to 1 |
| 7 | `#b76e36` | `oklch(60.74% 0.1172 55.16)` | Lucky Penny | black, 5.2 to 1 |
| 8 | `#b86143` | `oklch(58.97% 0.1206 39.77)` | Maui Mai Tai | black, 4.8 to 1 |
| 9 | `#ba5e4c` | `oklch(58.81% 0.1232 32.03)` | Tandoori | black, 4.7 to 1 |
| 10 | `#c2634f` | `oklch(60.85% 0.1255 33.36)` | Apricot Brandy | black, 5.2 to 1 |
| 11 | `#ce714d` | `oklch(64.66% 0.1278 41.71)` | Coral Gold | black, 6 to 1 |
| 12 | `#da8548` | `oklch(69.50% 0.1297 54.41)` | Seraphim Sepia | black, 7.4 to 1 |
| 13 | `#e29c46` | `oklch(74.61% 0.1312 68.77)` | Kikuchiba Gold | black, 9 to 1 |
| 14 | `#e5b24c` | `oklch(79.25% 0.1322 82.10)` | Va Va Voom | black, 10.8 to 1 |
| 15 | `#e5c356` | `oklch(82.67% 0.1324 91.73)` | Chicco d’Oro | black, 12.2 to 1 |
| 16 | `#e6ca5d` | `oklch(84.11% 0.1317 94.96)` | Golden Trident | black, 12.9 to 1 |
| 17 | `#e8c25a` | `oklch(82.83% 0.1298 89.50)` | Honey Crisp | black, 12.3 to 1 |
| 18 | `#e7ae53` | `oklch(78.64% 0.1261 76.59)` | Optimist Gold | black, 10.5 to 1 |
| 19 | `#de9153` | `oklch(72.35% 0.1212 58.24)` | Jasper Orange | black, 8.3 to 1 |
| 20 | `#ca745c` | `oklch(64.82% 0.1154 36.25)` | Dusted Clay | black, 6.1 to 1 |
| 21 | `#ae5a65` | `oklch(56.94% 0.1094 12.43)` | Ruby Petals | white, 4.7 to 1 |
| 22 | `#8c476c` | `oklch(49.56% 0.1038 348.61)` | Twilight Lavender | white, 6.4 to 1 |
| 23 | `#6d3c6e` | `oklch(43.58% 0.0990 326.58)` | Majesty | white, 8.3 to 1 |
| 24 | `#56376e` | `oklch(39.85% 0.0956 308.17)` | Purple Protégé | white, 9.6 to 1 |
| 25 | `#483972` | `oklch(38.92% 0.0940 293.72)` | Meteorite | white, 9.9 to 1 |
| 26 | `#3f4079` | `oklch(40.14% 0.0936 280.54)` | Hot Sauna | white, 9.3 to 1 |
| 27 | `#3a4c83` | `oklch(42.92% 0.0942 268.53)` | Dive In | white, 8.2 to 1 |
| 28 | `#365a8f` | `oklch(46.70% 0.0954 257.72)` | Lambent Lagoon | white, 6.9 to 1 |
| 29 | `#346a9b` | `oklch(50.93% 0.0970 248.15)` | Star Sapphire | white, 5.7 to 1 |
| 30 | `#3279a5` | `oklch(55.03% 0.0985 239.85)` | Taiwan Blue Magpie | white, 4.7 to 1 |
| 31 | `#3185ad` | `oklch(58.45% 0.0998 232.86)` | Blue Splash | black, 5.1 to 1 |
| 32 | `#2f8eb1` | `oklch(60.63% 0.1006 227.20)` | Carol | black, 5.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #72d2c0 0.000% 3.125%, #75cbaa 3.125% 6.250%, #81bf88 6.250% 9.375%, #94ad62 9.375% 12.500%, #a69740 12.500% 15.625%, #b28130 15.625% 18.750%, #b76e36 18.750% 21.875%, #b86143 21.875% 25.000%, #ba5e4c 25.000% 28.125%, #c2634f 28.125% 31.250%, #ce714d 31.250% 34.375%, #da8548 34.375% 37.500%, #e29c46 37.500% 40.625%, #e5b24c 40.625% 43.750%, #e5c356 43.750% 46.875%, #e6ca5d 46.875% 50.000%, #e8c25a 50.000% 53.125%, #e7ae53 53.125% 56.250%, #de9153 56.250% 59.375%, #ca745c 59.375% 62.500%, #ae5a65 62.500% 65.625%, #8c476c 65.625% 68.750%, #6d3c6e 68.750% 71.875%, #56376e 71.875% 75.000%, #483972 75.000% 78.125%, #3f4079 78.125% 81.250%, #3a4c83 81.250% 84.375%, #365a8f 84.375% 87.500%, #346a9b 87.500% 90.625%, #3279a5 90.625% 93.750%, #3185ad 93.750% 96.875%, #2f8eb1 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(79.92% 0.0951 180.00) 0.000% 3.125%, oklch(77.88% 0.0974 166.73) 3.125% 6.250%, oklch(74.80% 0.1007 147.41) 6.250% 9.375%, oklch(71.10% 0.1046 124.31) 9.375% 12.500%, oklch(67.24% 0.1089 99.71) 12.500% 15.625%, oklch(63.64% 0.1132 75.90) 15.625% 18.750%, oklch(60.74% 0.1172 55.16) 18.750% 21.875%, oklch(58.97% 0.1206 39.77) 21.875% 25.000%, oklch(58.81% 0.1232 32.03) 25.000% 28.125%, oklch(60.85% 0.1255 33.36) 28.125% 31.250%, oklch(64.66% 0.1278 41.71) 31.250% 34.375%, oklch(69.50% 0.1297 54.41) 34.375% 37.500%, oklch(74.61% 0.1312 68.77) 37.500% 40.625%, oklch(79.25% 0.1322 82.10) 40.625% 43.750%, oklch(82.67% 0.1324 91.73) 43.750% 46.875%, oklch(84.11% 0.1317 94.96) 46.875% 50.000%, oklch(82.83% 0.1298 89.50) 50.000% 53.125%, oklch(78.64% 0.1261 76.59) 53.125% 56.250%, oklch(72.35% 0.1212 58.24) 56.250% 59.375%, oklch(64.82% 0.1154 36.25) 59.375% 62.500%, oklch(56.94% 0.1094 12.43) 62.500% 65.625%, oklch(49.56% 0.1038 348.61) 65.625% 68.750%, oklch(43.58% 0.0990 326.58) 68.750% 71.875%, oklch(39.85% 0.0956 308.17) 71.875% 75.000%, oklch(38.92% 0.0940 293.72) 75.000% 78.125%, oklch(40.14% 0.0936 280.54) 78.125% 81.250%, oklch(42.92% 0.0942 268.53) 81.250% 84.375%, oklch(46.70% 0.0954 257.72) 84.375% 87.500%, oklch(50.93% 0.0970 248.15) 87.500% 90.625%, oklch(55.03% 0.0985 239.85) 90.625% 93.750%, oklch(58.45% 0.0998 232.86) 93.750% 96.875%, oklch(60.63% 0.1006 227.20) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.095 | 180 |
| 2 | 0.587 | 0.123 | 33.1 |
| 3 | 0.839 | 0.131 | 93.3 |
| 4 | 0.394 | 0.095 | -55.7 |
| 5 | 0.606 | 0.101 | -132.8 |

## In these collections

- [Bedazzled](https://grabient.com/bedazzled)

## Other forms

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