# Teal and emerald earth tone palette

This palette brings together dark green, green, and light green. It lightens and then darkens across a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and social graphics, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Seamless dark green and green angular gradient
- Seed: `kWQCh5P58-mMkvdCHUEI5JBw`
- Page: https://grabient.com/kWQCh5P58-mMkvdCHUEI5JBw?style=angularGradient&steps=48&angle=225
- Drawn as: angular gradient, 48 steps, 225 degrees
- Kinds: light center, monochrome, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 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 | `#002a1e` | `oklch(25.21% 0.0499 170.05)` | Deep Slate Green | white, 15.6 to 1 |
| 2 | `#002d21` | `oklch(26.43% 0.0526 169.51)` | Bush | white, 15 to 1 |
| 3 | `#003124` | `oklch(27.94% 0.0560 168.85)` | Dark Jungle | white, 14.2 to 1 |
| 4 | `#003627` | `oklch(29.71% 0.0601 168.10)` | Coach Green | white, 13.4 to 1 |
| 5 | `#013c2b` | `oklch(31.68% 0.0638 167.30)` | Deep Fir | white, 12.4 to 1 |
| 6 | `#064230` | `oklch(33.85% 0.0667 166.36)` | UP Forest Green | white, 11.4 to 1 |
| 7 | `#0c4934` | `oklch(36.14% 0.0697 165.34)` | Zucchini | white, 10.4 to 1 |
| 8 | `#125039` | `oklch(38.54% 0.0728 164.25)` | Raspberry Leaf Green | white, 9.4 to 1 |
| 9 | `#18573e` | `oklch(40.99% 0.0758 163.11)` | Billiard Table | white, 8.4 to 1 |
| 10 | `#1f5e43` | `oklch(43.46% 0.0787 161.93)` | Greenbriar | white, 7.6 to 1 |
| 11 | `#266648` | `oklch(45.90% 0.0814 160.71)` | Brunswick | white, 6.8 to 1 |
| 12 | `#2d6d4d` | `oklch(48.28% 0.0839 159.47)` | Chopped Chive | white, 6.1 to 1 |
| 13 | `#337452` | `oklch(50.57% 0.0859 158.21)` | Parsley Sprig | white, 5.6 to 1 |
| 14 | `#3b7b57` | `oklch(53.11% 0.0879 156.75)` | Amazon | white, 5 to 1 |
| 15 | `#45845d` | `oklch(55.96% 0.0898 155.08)` | Adamite Green | black, 4.7 to 1 |
| 16 | `#4f8d63` | `oklch(59.00% 0.0917 153.26)` | Spring Garden | black, 5.3 to 1 |
| 17 | `#59976a` | `oklch(62.13% 0.0935 151.35)` | Endless | black, 6 to 1 |
| 18 | `#64a070` | `oklch(65.25% 0.0952 149.42)` | Treelet | black, 6.8 to 1 |
| 19 | `#6faa76` | `oklch(68.26% 0.0968 147.53)` | Dusty Green | black, 7.6 to 1 |
| 20 | `#79b27c` | `oklch(71.04% 0.0981 145.73)` | Joshua Tree | black, 8.4 to 1 |
| 21 | `#82ba81` | `oklch(73.49% 0.0992 144.10)` | Flashman | black, 9.2 to 1 |
| 22 | `#8ac085` | `oklch(75.51% 0.1000 142.69)` | Greengage | black, 9.9 to 1 |
| 23 | `#90c588` | `oklch(76.98% 0.1005 141.57)` | Picnic | black, 10.4 to 1 |
| 24 | `#93c78a` | `oklch(77.81% 0.1007 140.80)` | Picnic | black, 10.7 to 1 |
| 25 | `#94c78a` | `oklch(77.90% 0.1004 140.43)` | Picnic | black, 10.8 to 1 |
| 26 | `#92c588` | `oklch(77.24% 0.0998 140.40)` | Picnic | black, 10.5 to 1 |
| 27 | `#8ec185` | `oklch(75.95% 0.0987 140.67)` | Hearty Hosta | black, 10.1 to 1 |
| 28 | `#89bb81` | `oklch(74.11% 0.0974 141.19)` | Greengage | black, 9.4 to 1 |
| 29 | `#81b47b` | `oklch(71.84% 0.0957 141.92)` | Joshua Tree | black, 8.7 to 1 |
| 30 | `#79ab76` | `oklch(69.25% 0.0939 142.83)` | Abomination | black, 7.9 to 1 |
| 31 | `#70a26f` | `oklch(66.42% 0.0918 143.88)` | Hierba Santa | black, 7.1 to 1 |
| 32 | `#679969` | `oklch(63.47% 0.0896 145.02)` | Leafy | black, 6.3 to 1 |
| 33 | `#5e9062` | `oklch(60.51% 0.0873 146.23)` | Succulent Leaves | black, 5.6 to 1 |
| 34 | `#56875c` | `oklch(57.62% 0.0850 147.45)` | Emerald Ring | black, 5 to 1 |
| 35 | `#4e7f56` | `oklch(54.92% 0.0827 148.66)` | Melbourne | white, 4.6 to 1 |
| 36 | `#477751` | `oklch(52.51% 0.0805 149.80)` | Killarney | white, 5.1 to 1 |
| 37 | `#41714d` | `oklch(50.33% 0.0782 150.94)` | Parsley Sprig | white, 5.6 to 1 |
| 38 | `#3a6a48` | `oklch(48.06% 0.0756 152.25)` | Chopped Chive | white, 6.2 to 1 |
| 39 | `#346344` | `oklch(45.71% 0.0729 153.69)` | Black Pine Green | white, 6.9 to 1 |
| 40 | `#2e5c40` | `oklch(43.33% 0.0699 155.22)` | Greenbriar | white, 7.7 to 1 |
| 41 | `#28553b` | `oklch(40.95% 0.0669 156.80)` | Green Stain | white, 8.5 to 1 |
| 42 | `#224e37` | `oklch(38.62% 0.0638 158.40)` | Moselle Green | white, 9.4 to 1 |
| 43 | `#1d4833` | `oklch(36.38% 0.0609 159.97)` | Birōdo Green | white, 10.3 to 1 |
| 44 | `#18422f` | `oklch(34.27% 0.0581 161.46)` | Mizukaze Green | white, 11.3 to 1 |
| 45 | `#133c2b` | `oklch(32.34% 0.0554 162.85)` | Deep Fir | white, 12.2 to 1 |
| 46 | `#103828` | `oklch(30.61% 0.0531 164.08)` | Deep Fir | white, 13 to 1 |
| 47 | `#0d3425` | `oklch(29.13% 0.0511 165.12)` | Phthalo Green | white, 13.7 to 1 |
| 48 | `#0a3023` | `oklch(27.95% 0.0496 165.93)` | Dark Jungle | white, 14.3 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #002a1e 0.0%, #002d21 2.1%, #003124 4.3%, #003627 6.4%, #013c2b 8.5%, #064230 10.6%, #0c4934 12.8%, #125039 14.9%, #18573e 17.0%, #1f5e43 19.1%, #266648 21.3%, #2d6d4d 23.4%, #337452 25.5%, #3b7b57 27.7%, #45845d 29.8%, #4f8d63 31.9%, #59976a 34.0%, #64a070 36.2%, #6faa76 38.3%, #79b27c 40.4%, #82ba81 42.6%, #8ac085 44.7%, #90c588 46.8%, #93c78a 48.9%, #94c78a 51.1%, #92c588 53.2%, #8ec185 55.3%, #89bb81 57.4%, #81b47b 59.6%, #79ab76 61.7%, #70a26f 63.8%, #679969 66.0%, #5e9062 68.1%, #56875c 70.2%, #4e7f56 72.3%, #477751 74.5%, #41714d 76.6%, #3a6a48 78.7%, #346344 80.9%, #2e5c40 83.0%, #28553b 85.1%, #224e37 87.2%, #1d4833 89.4%, #18422f 91.5%, #133c2b 93.6%, #103828 95.7%, #0d3425 97.9%, #0a3023 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(25.21% 0.0499 170.05) 0.0%, oklch(26.43% 0.0526 169.51) 2.1%, oklch(27.94% 0.0560 168.85) 4.3%, oklch(29.71% 0.0601 168.10) 6.4%, oklch(31.68% 0.0638 167.30) 8.5%, oklch(33.85% 0.0667 166.36) 10.6%, oklch(36.14% 0.0697 165.34) 12.8%, oklch(38.54% 0.0728 164.25) 14.9%, oklch(40.99% 0.0758 163.11) 17.0%, oklch(43.46% 0.0787 161.93) 19.1%, oklch(45.90% 0.0814 160.71) 21.3%, oklch(48.28% 0.0839 159.47) 23.4%, oklch(50.57% 0.0859 158.21) 25.5%, oklch(53.11% 0.0879 156.75) 27.7%, oklch(55.96% 0.0898 155.08) 29.8%, oklch(59.00% 0.0917 153.26) 31.9%, oklch(62.13% 0.0935 151.35) 34.0%, oklch(65.25% 0.0952 149.42) 36.2%, oklch(68.26% 0.0968 147.53) 38.3%, oklch(71.04% 0.0981 145.73) 40.4%, oklch(73.49% 0.0992 144.10) 42.6%, oklch(75.51% 0.1000 142.69) 44.7%, oklch(76.98% 0.1005 141.57) 46.8%, oklch(77.81% 0.1007 140.80) 48.9%, oklch(77.90% 0.1004 140.43) 51.1%, oklch(77.24% 0.0998 140.40) 53.2%, oklch(75.95% 0.0987 140.67) 55.3%, oklch(74.11% 0.0974 141.19) 57.4%, oklch(71.84% 0.0957 141.92) 59.6%, oklch(69.25% 0.0939 142.83) 61.7%, oklch(66.42% 0.0918 143.88) 63.8%, oklch(63.47% 0.0896 145.02) 66.0%, oklch(60.51% 0.0873 146.23) 68.1%, oklch(57.62% 0.0850 147.45) 70.2%, oklch(54.92% 0.0827 148.66) 72.3%, oklch(52.51% 0.0805 149.80) 74.5%, oklch(50.33% 0.0782 150.94) 76.6%, oklch(48.06% 0.0756 152.25) 78.7%, oklch(45.71% 0.0729 153.69) 80.9%, oklch(43.33% 0.0699 155.22) 83.0%, oklch(40.95% 0.0669 156.80) 85.1%, oklch(38.62% 0.0638 158.40) 87.2%, oklch(36.38% 0.0609 159.97) 89.4%, oklch(34.27% 0.0581 161.46) 91.5%, oklch(32.34% 0.0554 162.85) 93.6%, oklch(30.61% 0.0531 164.08) 95.7%, oklch(29.13% 0.0511 165.12) 97.9%, oklch(27.95% 0.0496 165.93) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.252 | 0.055 | 170.2 |
| 2 | 0.5 | 0.085 | 158.5 |
| 3 | 0.78 | 0.101 | 140.6 |
| 4 | 0.52 | 0.08 | 150.1 |
| 5 | 0.28 | 0.05 | 165.9 |

## In these collections

- [Earth tone gradients](https://grabient.com/earth-tone-gradients)

## Other forms

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