# Color Palette: Forest green and deep teal

The "Color Palette: Forest green and deep teal" palette brings together dark green, green, teal, blue, and dark blue. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its dark and grounded character suits website sections and interface mockups. Its darkest tone is dark green, and its lightest tone is teal.

- Also called: Cool dark green, teal and navy linear gradient
- Seed: `kWQx9xMZpALcYQ6vHMdo5pB4`
- Page: https://grabient.com/kWQx9xMZpALcYQ6vHMdo5pB4?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: vivid, dark, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 1.9 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 | `#102b1d` | `oklch(26.38% 0.0427 158.91)` | Bush | white, 15.1 to 1 |
| 2 | `#112e1f` | `oklch(27.45% 0.0453 158.86)` | Bush | white, 14.5 to 1 |
| 3 | `#123322` | `oklch(28.94% 0.0490 158.57)` | Opulent Green | white, 13.8 to 1 |
| 4 | `#143825` | `oklch(30.72% 0.0534 158.21)` | Deep Fir | white, 12.9 to 1 |
| 5 | `#163d29` | `oklch(32.65% 0.0581 157.96)` | Mizukaze Green | white, 12 to 1 |
| 6 | `#18432d` | `oklch(34.60% 0.0628 158.00)` | Zucchini | white, 11.1 to 1 |
| 7 | `#194931` | `oklch(36.44% 0.0669 158.50)` | County Green | white, 10.3 to 1 |
| 8 | `#194e35` | `oklch(38.03% 0.0701 159.64)` | Order Green | white, 9.6 to 1 |
| 9 | `#195139` | `oklch(39.25% 0.0720 161.58)` | Trapper Green | white, 9.1 to 1 |
| 10 | `#19553e` | `oklch(40.26% 0.0725 164.11)` | Billiard Table | white, 8.7 to 1 |
| 11 | `#195743` | `oklch(41.16% 0.0720 167.11)` | Rousseau Green | white, 8.4 to 1 |
| 12 | `#195947` | `oklch(41.92% 0.0709 170.60)` | Rousseau Green | white, 8.1 to 1 |
| 13 | `#1a5b4c` | `oklch(42.54% 0.0693 174.60)` | Country Meadow | white, 7.9 to 1 |
| 14 | `#1a5c50` | `oklch(42.99% 0.0678 179.11)` | Country Meadow | white, 7.8 to 1 |
| 15 | `#195c55` | `oklch(43.26% 0.0666 184.14)` | Forest Biome | white, 7.7 to 1 |
| 16 | `#185c59` | `oklch(43.34% 0.0661 189.72)` | Dark Turquoise | white, 7.7 to 1 |
| 17 | `#155c5c` | `oklch(43.21% 0.0665 196.01)` | Dark Turquoise | white, 7.7 to 1 |
| 18 | `#105a60` | `oklch(42.80% 0.0677 203.70)` | Blue Emerald | white, 7.9 to 1 |
| 19 | `#0d5764` | `oklch(42.16% 0.0695 212.47)` | Abyssal Waters | white, 8.1 to 1 |
| 20 | `#0d5467` | `oklch(41.34% 0.0716 221.80)` | Plunge | white, 8.5 to 1 |
| 21 | `#114f69` | `oklch(40.39% 0.0738 231.21)` | Hanada Blue | white, 8.9 to 1 |
| 22 | `#174b6a` | `oklch(39.36% 0.0758 240.17)` | Tanzanite Blue | white, 9.3 to 1 |
| 23 | `#1d466a` | `oklch(38.30% 0.0774 248.19)` | Terror From the Deep | white, 9.8 to 1 |
| 24 | `#214169` | `oklch(37.26% 0.0784 254.77)` | Blue Mosque | white, 10.3 to 1 |
| 25 | `#243d67` | `oklch(36.20% 0.0786 259.67)` | Limoges | white, 10.8 to 1 |
| 26 | `#253963` | `oklch(34.97% 0.0782 263.43)` | Midnight Sleigh | white, 11.4 to 1 |
| 27 | `#24355f` | `oklch(33.63% 0.0772 266.25)` | Navy Trim | white, 12 to 1 |
| 28 | `#23315a` | `oklch(32.26% 0.0760 268.33)` | Boatswain | white, 12.7 to 1 |
| 29 | `#212d56` | `oklch(30.93% 0.0747 269.85)` | Pico Void | white, 13.3 to 1 |
| 30 | `#202a51` | `oklch(29.71% 0.0734 271.02)` | Pico Void | white, 13.9 to 1 |
| 31 | `#1e274e` | `oklch(28.70% 0.0723 272.02)` | Space Cadet | white, 14.4 to 1 |
| 32 | `#1e254c` | `oklch(27.95% 0.0717 273.04)` | Rurikon Blue | white, 14.7 to 1 |

## CSS

```css
background: linear-gradient(45deg, #102b1d 0.0%, #112e1f 3.2%, #123322 6.5%, #143825 9.7%, #163d29 12.9%, #18432d 16.1%, #194931 19.4%, #194e35 22.6%, #195139 25.8%, #19553e 29.0%, #195743 32.3%, #195947 35.5%, #1a5b4c 38.7%, #1a5c50 41.9%, #195c55 45.2%, #185c59 48.4%, #155c5c 51.6%, #105a60 54.8%, #0d5764 58.1%, #0d5467 61.3%, #114f69 64.5%, #174b6a 67.7%, #1d466a 71.0%, #214169 74.2%, #243d67 77.4%, #253963 80.6%, #24355f 83.9%, #23315a 87.1%, #212d56 90.3%, #202a51 93.5%, #1e274e 96.8%, #1e254c 100.0%);
background: linear-gradient(45deg in oklch, oklch(26.38% 0.0427 158.91) 0.0%, oklch(27.45% 0.0453 158.86) 3.2%, oklch(28.94% 0.0490 158.57) 6.5%, oklch(30.72% 0.0534 158.21) 9.7%, oklch(32.65% 0.0581 157.96) 12.9%, oklch(34.60% 0.0628 158.00) 16.1%, oklch(36.44% 0.0669 158.50) 19.4%, oklch(38.03% 0.0701 159.64) 22.6%, oklch(39.25% 0.0720 161.58) 25.8%, oklch(40.26% 0.0725 164.11) 29.0%, oklch(41.16% 0.0720 167.11) 32.3%, oklch(41.92% 0.0709 170.60) 35.5%, oklch(42.54% 0.0693 174.60) 38.7%, oklch(42.99% 0.0678 179.11) 41.9%, oklch(43.26% 0.0666 184.14) 45.2%, oklch(43.34% 0.0661 189.72) 48.4%, oklch(43.21% 0.0665 196.01) 51.6%, oklch(42.80% 0.0677 203.70) 54.8%, oklch(42.16% 0.0695 212.47) 58.1%, oklch(41.34% 0.0716 221.80) 61.3%, oklch(40.39% 0.0738 231.21) 64.5%, oklch(39.36% 0.0758 240.17) 67.7%, oklch(38.30% 0.0774 248.19) 71.0%, oklch(37.26% 0.0784 254.77) 74.2%, oklch(36.20% 0.0786 259.67) 77.4%, oklch(34.97% 0.0782 263.43) 80.6%, oklch(33.63% 0.0772 266.25) 83.9%, oklch(32.26% 0.0760 268.33) 87.1%, oklch(30.93% 0.0747 269.85) 90.3%, oklch(29.71% 0.0734 271.02) 93.5%, oklch(28.70% 0.0723 272.02) 96.8%, oklch(27.95% 0.0717 273.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.043 | 158.9 |
| 2 | 0.39 | 0.072 | 161 |
| 3 | 0.433 | 0.066 | 192.7 |
| 4 | 0.37 | 0.079 | 256.1 |
| 5 | 0.28 | 0.072 | 273 |

## In these collections

- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)
- [Dark mode UI gradients](https://grabient.com/dark-mode-ui-gradients)

## Other forms

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