# Emerald, deep teal and navy jewel tones

The Emerald, deep teal and navy jewel tones brings together green, teal, and blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is green.

- Also called: Tritone green, teal and navy radial gradient
- Seed: `kYqG1uyq_AUAmQI3HEGM5jEi0gRI`
- Page: https://grabient.com/kYqG1uyq_AUAmQI3HEGM5jEi0gRI?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 3.8 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 | `#27ad69` | `oklch(66.14% 0.1502 155.39)` | Island Green | black, 7.2 to 1 |
| 2 | `#25aa68` | `oklch(65.37% 0.1483 155.70)` | Secret Garden | black, 7 to 1 |
| 3 | `#22a666` | `oklch(64.31% 0.1456 156.10)` | Jade | black, 6.7 to 1 |
| 4 | `#1fa265` | `oklch(63.05% 0.1425 156.59)` | Green Haze | black, 6.4 to 1 |
| 5 | `#1b9d62` | `oklch(61.68% 0.1390 157.15)` | Shamrock | black, 6 to 1 |
| 6 | `#189960` | `oklch(60.27% 0.1354 157.77)` | Green Cyan | black, 5.7 to 1 |
| 7 | `#15945f` | `oklch(58.92% 0.1316 158.43)` | Green Gloss | black, 5.4 to 1 |
| 8 | `#128f5d` | `oklch(57.62% 0.1279 159.08)` | Emerald Lake | black, 5.1 to 1 |
| 9 | `#118b5b` | `oklch(56.28% 0.1238 159.69)` | Center Field | black, 4.8 to 1 |
| 10 | `#108659` | `oklch(54.92% 0.1196 160.33)` | Primal Green | white, 4.5 to 1 |
| 11 | `#0f8157` | `oklch(53.54% 0.1153 161.09)` | Irish Beauty | white, 4.8 to 1 |
| 12 | `#0d7d55` | `oklch(52.20% 0.1109 162.04)` | Sharp Green | white, 5.1 to 1 |
| 13 | `#0c7854` | `oklch(50.90% 0.1065 163.26)` | Greasy Greens | white, 5.4 to 1 |
| 14 | `#0a7453` | `oklch(49.64% 0.1020 164.73)` | Green Velvet | white, 5.7 to 1 |
| 15 | `#0a7052` | `oklch(48.37% 0.0973 166.16)` | Precious Emerald | white, 6.1 to 1 |
| 16 | `#0b6b51` | `oklch(47.12% 0.0924 167.71)` | Martian Green | white, 6.4 to 1 |
| 17 | `#0c6750` | `oklch(45.91% 0.0875 169.60)` | Piney Lake | white, 6.8 to 1 |
| 18 | `#0c634f` | `oklch(44.80% 0.0830 172.03)` | Green Paw Paw | white, 7.1 to 1 |
| 19 | `#0b6050` | `oklch(43.82% 0.0791 175.22)` | Alpine Green | white, 7.5 to 1 |
| 20 | `#085d51` | `oklch(43.01% 0.0760 179.39)` | Alpine Green | white, 7.7 to 1 |
| 21 | `#055b53` | `oklch(42.44% 0.0732 184.70)` | Baltic Prince | white, 7.9 to 1 |
| 22 | `#055956` | `oklch(42.03% 0.0707 190.87)` | Deep Sea Green | white, 8.1 to 1 |
| 23 | `#07585a` | `oklch(41.71% 0.0688 197.61)` | Deep Sea Green | white, 8.2 to 1 |
| 24 | `#09565d` | `oklch(41.39% 0.0676 204.57)` | Deep Teal | white, 8.4 to 1 |
| 25 | `#0c545f` | `oklch(40.99% 0.0672 211.45)` | Recollection Blue | white, 8.5 to 1 |
| 26 | `#0d5161` | `oklch(40.42% 0.0677 217.96)` | Sandalwood Grey Blue | white, 8.8 to 1 |
| 27 | `#0c4e63` | `oklch(39.63% 0.0699 224.84)` | Raging Thunderstorm | white, 9.1 to 1 |
| 28 | `#0c4a65` | `oklch(38.70% 0.0735 232.14)` | Victorian Peacock | white, 9.5 to 1 |
| 29 | `#0e4666` | `oklch(37.72% 0.0777 239.38)` | Forest Blues | white, 10 to 1 |
| 30 | `#114267` | `oklch(36.79% 0.0820 246.06)` | Blue Opal | white, 10.4 to 1 |
| 31 | `#153e68` | `oklch(35.99% 0.0857 251.69)` | Blue Opal | white, 10.8 to 1 |
| 32 | `#183c69` | `oklch(35.43% 0.0882 255.78)` | Blue Opal | white, 11.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #27ad69 0.0%, #25aa68 3.2%, #22a666 6.5%, #1fa265 9.7%, #1b9d62 12.9%, #189960 16.1%, #15945f 19.4%, #128f5d 22.6%, #118b5b 25.8%, #108659 29.0%, #0f8157 32.3%, #0d7d55 35.5%, #0c7854 38.7%, #0a7453 41.9%, #0a7052 45.2%, #0b6b51 48.4%, #0c6750 51.6%, #0c634f 54.8%, #0b6050 58.1%, #085d51 61.3%, #055b53 64.5%, #055956 67.7%, #07585a 71.0%, #09565d 74.2%, #0c545f 77.4%, #0d5161 80.6%, #0c4e63 83.9%, #0c4a65 87.1%, #0e4666 90.3%, #114267 93.5%, #153e68 96.8%, #183c69 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(66.14% 0.1502 155.39) 0.0%, oklch(65.37% 0.1483 155.70) 3.2%, oklch(64.31% 0.1456 156.10) 6.5%, oklch(63.05% 0.1425 156.59) 9.7%, oklch(61.68% 0.1390 157.15) 12.9%, oklch(60.27% 0.1354 157.77) 16.1%, oklch(58.92% 0.1316 158.43) 19.4%, oklch(57.62% 0.1279 159.08) 22.6%, oklch(56.28% 0.1238 159.69) 25.8%, oklch(54.92% 0.1196 160.33) 29.0%, oklch(53.54% 0.1153 161.09) 32.3%, oklch(52.20% 0.1109 162.04) 35.5%, oklch(50.90% 0.1065 163.26) 38.7%, oklch(49.64% 0.1020 164.73) 41.9%, oklch(48.37% 0.0973 166.16) 45.2%, oklch(47.12% 0.0924 167.71) 48.4%, oklch(45.91% 0.0875 169.60) 51.6%, oklch(44.80% 0.0830 172.03) 54.8%, oklch(43.82% 0.0791 175.22) 58.1%, oklch(43.01% 0.0760 179.39) 61.3%, oklch(42.44% 0.0732 184.70) 64.5%, oklch(42.03% 0.0707 190.87) 67.7%, oklch(41.71% 0.0688 197.61) 71.0%, oklch(41.39% 0.0676 204.57) 74.2%, oklch(40.99% 0.0672 211.45) 77.4%, oklch(40.42% 0.0677 217.96) 80.6%, oklch(39.63% 0.0699 224.84) 83.9%, oklch(38.70% 0.0735 232.14) 87.1%, oklch(37.72% 0.0777 239.38) 90.3%, oklch(36.79% 0.0820 246.06) 93.5%, oklch(35.99% 0.0857 251.69) 96.8%, oklch(35.43% 0.0882 255.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.661 | 0.15 | 155.4 |
| 2 | 0.587 | 0.131 | 158.6 |
| 3 | 0.504 | 0.105 | 163.8 |
| 4 | 0.433 | 0.077 | 177.6 |
| 5 | 0.406 | 0.068 | 216.7 |
| 6 | 0.354 | 0.088 | 255.8 |

## In these collections

- [Jewel tones](https://grabient.com/jewel-tones)

## Other forms

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