# Teal population density palette

This palette moves from pale teal through light teal to teal. It steadily darkens across a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits information graphics and map mood boards, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Analogous light blue to teal radial gradient
- Seed: `kU7xKD351AUSvQCopMBg`
- Page: https://grabient.com/kU7xKD351AUSvQCopMBg?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 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.0%, #d4eeea 3.2%, #cdebe6 6.5%, #c4e7e2 9.7%, #bae2dc 12.9%, #afddd7 16.1%, #a4d7d1 19.4%, #97d2cb 22.6%, #8bccc5 25.8%, #7fc6bf 29.0%, #73c1ba 32.3%, #67bcb4 35.5%, #5ab6af 38.7%, #4bb1aa 41.9%, #39aca4 45.2%, #22a69f 48.4%, #00a099 51.6%, #009992 54.8%, #00928c 58.1%, #008b85 61.3%, #00847f 64.5%, #007d78 67.7%, #007672 71.0%, #006e6b 74.2%, #006663 77.4%, #005e5c 80.6%, #005755 83.9%, #00504e 87.1%, #004948 90.3%, #004343 93.5%, #003f3e 96.8%, #003b3b 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(94.09% 0.0248 184.92) 0.0%, oklch(93.02% 0.0280 185.11) 3.2%, oklch(91.66% 0.0321 185.35) 6.5%, oklch(90.06% 0.0369 185.64) 9.7%, oklch(88.26% 0.0424 185.97) 12.9%, oklch(86.31% 0.0483 186.32) 16.1%, oklch(84.25% 0.0544 186.68) 19.4%, oklch(82.13% 0.0606 187.04) 22.6%, oklch(80.00% 0.0668 187.39) 25.8%, oklch(77.89% 0.0727 187.71) 29.0%, oklch(75.85% 0.0782 188.00) 32.3%, oklch(73.89% 0.0834 188.25) 35.5%, oklch(71.91% 0.0891 188.47) 38.7%, oklch(69.90% 0.0951 188.66) 41.9%, oklch(67.86% 0.1011 188.83) 45.2%, oklch(65.80% 0.1071 189.00) 48.4%, oklch(63.73% 0.1103 189.17) 51.6%, oklch(61.64% 0.1067 189.34) 54.8%, oklch(59.54% 0.1030 189.53) 58.1%, oklch(57.44% 0.0993 189.76) 61.3%, oklch(55.34% 0.0956 190.01) 64.5%, oklch(53.23% 0.0918 190.31) 67.7%, oklch(50.97% 0.0878 190.68) 71.0%, oklch(48.58% 0.0836 191.10) 74.2%, oklch(46.11% 0.0793 191.56) 77.4%, oklch(43.63% 0.0749 192.04) 80.6%, oklch(41.19% 0.0706 192.53) 83.9%, oklch(38.86% 0.0666 193.01) 87.1%, oklch(36.71% 0.0628 193.45) 90.3%, oklch(34.79% 0.0595 193.85) 93.5%, oklch(33.16% 0.0567 194.19) 96.8%, oklch(31.90% 0.0545 194.44) 100.0%);
```

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