# Cool light blue, teal and dark green radial swatches

Cool light blue, teal and dark green radial swatches with 32 colors: #daf1ed, #d4eeea, #cdebe6, #c4e7e2, #bae2dc, #afddd7, #a4d7d1, #97d2cb, #8bccc5, #7fc6bf, #73c1ba, #67bcb4, #5ab6af, #4bb1aa, #39aca4, #22a69f, #00a099, #009992, #00928c, #008b85, #00847f, #007d78, #007672, #006e6b, #006663, #005e5c, #005755, #00504e, #004948, #004343, #003f3e, #003b3b. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kU7xKD351AUSvQCopMBg`
- Page: https://grabient.com/kU7xKD351AUSvQCopMBg?style=radialSwatches&steps=32&angle=0
- Drawn as: radial swatches, 32 steps, 0 degrees
- Kinds: light to dark, vivid, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 10.5 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 | `#daf1ed` | `oklch(94.09% 0.0248 184.92)` | Air of Mint | black, 17.8 to 1 |
| 2 | `#d4eeea` | `oklch(93.02% 0.0280 185.11)` | Puffy Little Cloud | black, 17.2 to 1 |
| 3 | `#cdebe6` | `oklch(91.66% 0.0321 185.35)` | Source Blue | black, 16.6 to 1 |
| 4 | `#c4e7e2` | `oklch(90.06% 0.0369 185.64)` | Swan Lake | black, 15.8 to 1 |
| 5 | `#bae2dc` | `oklch(88.26% 0.0424 185.97)` | Bleached Aqua | black, 14.9 to 1 |
| 6 | `#afddd7` | `oklch(86.31% 0.0483 186.32)` | Jaded Clouds | black, 14.1 to 1 |
| 7 | `#a4d7d1` | `oklch(84.25% 0.0544 186.68)` | Sinbad | black, 13.2 to 1 |
| 8 | `#97d2cb` | `oklch(82.13% 0.0606 187.04)` | Summer Soft Blue | black, 12.3 to 1 |
| 9 | `#8bccc5` | `oklch(80.00% 0.0668 187.39)` | Tropical Holiday | black, 11.5 to 1 |
| 10 | `#7fc6bf` | `oklch(77.89% 0.0727 187.71)` | Booty Bay | black, 10.7 to 1 |
| 11 | `#73c1ba` | `oklch(75.85% 0.0782 188.00)` | Tropic Tide | black, 10 to 1 |
| 12 | `#67bcb4` | `oklch(73.89% 0.0834 188.25)` | Pool Blue | black, 9.4 to 1 |
| 13 | `#5ab6af` | `oklch(71.91% 0.0891 188.47)` | Veranda Blue | black, 8.7 to 1 |
| 14 | `#4bb1aa` | `oklch(69.90% 0.0951 188.66)` | Emerald Wave | black, 8.1 to 1 |
| 15 | `#39aca4` | `oklch(67.86% 0.1011 188.83)` | Tropical Tree | black, 7.5 to 1 |
| 16 | `#22a69f` | `oklch(65.80% 0.1071 189.00)` | Jadestone | black, 7 to 1 |
| 17 | `#00a099` | `oklch(63.73% 0.1103 189.17)` | Spectra Green | black, 6.5 to 1 |
| 18 | `#009992` | `oklch(61.64% 0.1067 189.34)` | Green Dynasty | black, 5.9 to 1 |
| 19 | `#00928c` | `oklch(59.54% 0.1030 189.53)` | Supermint | black, 5.4 to 1 |
| 20 | `#008b85` | `oklch(57.44% 0.0993 189.76)` | Navigate | black, 5 to 1 |
| 21 | `#00847f` | `oklch(55.34% 0.0956 190.01)` | Egyptian Green | black, 4.6 to 1 |
| 22 | `#007d78` | `oklch(53.23% 0.0918 190.31)` | Navajo Turquoise | white, 4.9 to 1 |
| 23 | `#007672` | `oklch(50.97% 0.0878 190.68)` | Artisan Green | white, 5.5 to 1 |
| 24 | `#006e6b` | `oklch(48.58% 0.0836 191.10)` | Pine Scented Lagoon | white, 6.1 to 1 |
| 25 | `#006663` | `oklch(46.11% 0.0793 191.56)` | Peacock Pride | white, 6.8 to 1 |
| 26 | `#005e5c` | `oklch(43.63% 0.0749 192.04)` | Mosque | white, 7.5 to 1 |
| 27 | `#005755` | `oklch(41.19% 0.0706 192.53)` | Tabriz Teal | white, 8.4 to 1 |
| 28 | `#00504e` | `oklch(38.86% 0.0666 193.01)` | Action Green | white, 9.3 to 1 |
| 29 | `#004948` | `oklch(36.71% 0.0628 193.45)` | Deep Into the Jungle | white, 10.2 to 1 |
| 30 | `#004343` | `oklch(34.79% 0.0595 193.85)` | Dark Side | white, 11 to 1 |
| 31 | `#003f3e` | `oklch(33.16% 0.0567 194.19)` | Rich Black | white, 11.8 to 1 |
| 32 | `#003b3b` | `oklch(31.90% 0.0545 194.44)` | Customs Green | white, 12.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #daf1ed 0.000% 3.125%, #d4eeea 3.125% 6.250%, #cdebe6 6.250% 9.375%, #c4e7e2 9.375% 12.500%, #bae2dc 12.500% 15.625%, #afddd7 15.625% 18.750%, #a4d7d1 18.750% 21.875%, #97d2cb 21.875% 25.000%, #8bccc5 25.000% 28.125%, #7fc6bf 28.125% 31.250%, #73c1ba 31.250% 34.375%, #67bcb4 34.375% 37.500%, #5ab6af 37.500% 40.625%, #4bb1aa 40.625% 43.750%, #39aca4 43.750% 46.875%, #22a69f 46.875% 50.000%, #00a099 50.000% 53.125%, #009992 53.125% 56.250%, #00928c 56.250% 59.375%, #008b85 59.375% 62.500%, #00847f 62.500% 65.625%, #007d78 65.625% 68.750%, #007672 68.750% 71.875%, #006e6b 71.875% 75.000%, #006663 75.000% 78.125%, #005e5c 78.125% 81.250%, #005755 81.250% 84.375%, #00504e 84.375% 87.500%, #004948 87.500% 90.625%, #004343 90.625% 93.750%, #003f3e 93.750% 96.875%, #003b3b 96.875% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(94.09% 0.0248 184.92) 0.000% 3.125%, oklch(93.02% 0.0280 185.11) 3.125% 6.250%, oklch(91.66% 0.0321 185.35) 6.250% 9.375%, oklch(90.06% 0.0369 185.64) 9.375% 12.500%, oklch(88.26% 0.0424 185.97) 12.500% 15.625%, oklch(86.31% 0.0483 186.32) 15.625% 18.750%, oklch(84.25% 0.0544 186.68) 18.750% 21.875%, oklch(82.13% 0.0606 187.04) 21.875% 25.000%, oklch(80.00% 0.0668 187.39) 25.000% 28.125%, oklch(77.89% 0.0727 187.71) 28.125% 31.250%, oklch(75.85% 0.0782 188.00) 31.250% 34.375%, oklch(73.89% 0.0834 188.25) 34.375% 37.500%, oklch(71.91% 0.0891 188.47) 37.500% 40.625%, oklch(69.90% 0.0951 188.66) 40.625% 43.750%, oklch(67.86% 0.1011 188.83) 43.750% 46.875%, oklch(65.80% 0.1071 189.00) 46.875% 50.000%, oklch(63.73% 0.1103 189.17) 50.000% 53.125%, oklch(61.64% 0.1067 189.34) 53.125% 56.250%, oklch(59.54% 0.1030 189.53) 56.250% 59.375%, oklch(57.44% 0.0993 189.76) 59.375% 62.500%, oklch(55.34% 0.0956 190.01) 62.500% 65.625%, oklch(53.23% 0.0918 190.31) 65.625% 68.750%, oklch(50.97% 0.0878 190.68) 68.750% 71.875%, oklch(48.58% 0.0836 191.10) 71.875% 75.000%, oklch(46.11% 0.0793 191.56) 75.000% 78.125%, oklch(43.63% 0.0749 192.04) 78.125% 81.250%, oklch(41.19% 0.0706 192.53) 81.250% 84.375%, oklch(38.86% 0.0666 193.01) 84.375% 87.500%, oklch(36.71% 0.0628 193.45) 87.500% 90.625%, oklch(34.79% 0.0595 193.85) 90.625% 93.750%, oklch(33.16% 0.0567 194.19) 93.750% 96.875%, oklch(31.90% 0.0545 194.44) 96.875% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.941 | 0.025 | 184.9 |
| 2 | 0.752 | 0.08 | 188.1 |
| 3 | 0.539 | 0.13 | 190.2 |
| 4 | 0.319 | 0.101 | 194.4 |

## In these collections

- [Population density gradients](https://grabient.com/population-density-gradients)
- [Radial gradients](https://grabient.com/radial-gradients)

## Other forms

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