# Near-black, emerald and navy color palette

The Near-black, emerald and navy color palette brings together dark gray, green, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark gray, and its lightest tone is green.

- Also called: Black, green, teal and blue linear gradient
- Seed: `kWLBBzLJi_UiqvzhK75tRpNw`
- Page: https://grabient.com/kWLBBzLJi_UiqvzhK75tRpNw?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: light center, vivid, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.3 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 | `#07130d` | `oklch(17.32% 0.0220 161.72)` | Jedi Night | white, 18.9 to 1 |
| 2 | `#08170f` | `oklch(18.71% 0.0257 161.30)` | Pinch of Pepper | white, 18.4 to 1 |
| 3 | `#091c13` | `oklch(20.53% 0.0305 160.76)` | Pinch of Pepper | white, 17.7 to 1 |
| 4 | `#0b2116` | `oklch(22.69% 0.0362 160.11)` | Nightmare | white, 16.8 to 1 |
| 5 | `#0d281a` | `oklch(25.12% 0.0425 159.38)` | Deep Slate Green | white, 15.7 to 1 |
| 6 | `#0f2f1f` | `oklch(27.71% 0.0492 158.60)` | Dark Jungle | white, 14.4 to 1 |
| 7 | `#113724` | `oklch(30.40% 0.0561 157.80)` | Phthalo Green | white, 13.1 to 1 |
| 8 | `#143f28` | `oklch(33.08% 0.0628 157.01)` | Mizukaze Green | white, 11.8 to 1 |
| 9 | `#17472d` | `oklch(35.69% 0.0691 156.25)` | Zucchini | white, 10.6 to 1 |
| 10 | `#1a4f31` | `oklch(38.38% 0.0758 155.54)` | Cal Poly Pomona Green | white, 9.5 to 1 |
| 11 | `#1d5836` | `oklch(41.21% 0.0830 154.86)` | Crusoe | white, 8.4 to 1 |
| 12 | `#21613b` | `oklch(44.12% 0.0904 154.17)` | Midori | white, 7.3 to 1 |
| 13 | `#256b40` | `oklch(47.07% 0.0977 153.45)` | Billiard Ball | white, 6.4 to 1 |
| 14 | `#2a7445` | `oklch(50.03% 0.1044 152.65)` | Felt | white, 5.6 to 1 |
| 15 | `#307d4a` | `oklch(52.93% 0.1104 151.74)` | Bold Irish | white, 5 to 1 |
| 16 | `#38864f` | `oklch(55.73% 0.1152 150.68)` | Green Grass | black, 4.7 to 1 |
| 17 | `#418f54` | `oklch(58.51% 0.1187 149.20)` | Medium Green | black, 5.2 to 1 |
| 18 | `#509957` | `oklch(61.81% 0.1214 146.08)` | Alpine Herbs | black, 6 to 1 |
| 19 | `#62a35b` | `oklch(65.41% 0.1233 141.89)` | Astroturf | black, 6.9 to 1 |
| 20 | `#74ad5f` | `oklch(69.00% 0.1244 137.53)` | Arugula | black, 7.9 to 1 |
| 21 | `#85b663` | `oklch(72.24% 0.1247 133.87)` | Broccoli | black, 8.8 to 1 |
| 22 | `#90be68` | `oklch(74.80% 0.1242 131.78)` | Laudable Lime | black, 9.7 to 1 |
| 23 | `#95c36f` | `oklch(76.36% 0.1228 132.15)` | Pistachio | black, 10.2 to 1 |
| 24 | `#90c476` | `oklch(76.57% 0.1206 135.86)` | Pistachio | black, 10.3 to 1 |
| 25 | `#7ec17e` | `oklch(75.01% 0.1170 144.13)` | Rally Green | black, 9.8 to 1 |
| 26 | `#61b887` | `oklch(71.52% 0.1115 157.42)` | Green Garter | black, 8.7 to 1 |
| 27 | `#3fa990` | `oklch(66.66% 0.1046 174.20)` | Zomp | black, 7.2 to 1 |
| 28 | `#219593` | `oklch(61.00% 0.0969 192.88)` | Sea Fantasy | black, 5.8 to 1 |
| 29 | `#1b7f90` | `oklch(55.10% 0.0892 211.87)` | Pagoda Blue | white, 4.6 to 1 |
| 30 | `#256a87` | `oklch(49.54% 0.0819 229.56)` | Saxony Blue | white, 5.9 to 1 |
| 31 | `#2d597c` | `oklch(44.90% 0.0759 244.38)` | Dark Blue | white, 7.4 to 1 |
| 32 | `#304e73` | `oklch(41.73% 0.0717 254.71)` | Airforce | white, 8.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #07130d 0.0%, #08170f 3.2%, #091c13 6.5%, #0b2116 9.7%, #0d281a 12.9%, #0f2f1f 16.1%, #113724 19.4%, #143f28 22.6%, #17472d 25.8%, #1a4f31 29.0%, #1d5836 32.3%, #21613b 35.5%, #256b40 38.7%, #2a7445 41.9%, #307d4a 45.2%, #38864f 48.4%, #418f54 51.6%, #509957 54.8%, #62a35b 58.1%, #74ad5f 61.3%, #85b663 64.5%, #90be68 67.7%, #95c36f 71.0%, #90c476 74.2%, #7ec17e 77.4%, #61b887 80.6%, #3fa990 83.9%, #219593 87.1%, #1b7f90 90.3%, #256a87 93.5%, #2d597c 96.8%, #304e73 100.0%);
background: linear-gradient(90deg in oklch, oklch(17.32% 0.0220 161.72) 0.0%, oklch(18.71% 0.0257 161.30) 3.2%, oklch(20.53% 0.0305 160.76) 6.5%, oklch(22.69% 0.0362 160.11) 9.7%, oklch(25.12% 0.0425 159.38) 12.9%, oklch(27.71% 0.0492 158.60) 16.1%, oklch(30.40% 0.0561 157.80) 19.4%, oklch(33.08% 0.0628 157.01) 22.6%, oklch(35.69% 0.0691 156.25) 25.8%, oklch(38.38% 0.0758 155.54) 29.0%, oklch(41.21% 0.0830 154.86) 32.3%, oklch(44.12% 0.0904 154.17) 35.5%, oklch(47.07% 0.0977 153.45) 38.7%, oklch(50.03% 0.1044 152.65) 41.9%, oklch(52.93% 0.1104 151.74) 45.2%, oklch(55.73% 0.1152 150.68) 48.4%, oklch(58.51% 0.1187 149.20) 51.6%, oklch(61.81% 0.1214 146.08) 54.8%, oklch(65.41% 0.1233 141.89) 58.1%, oklch(69.00% 0.1244 137.53) 61.3%, oklch(72.24% 0.1247 133.87) 64.5%, oklch(74.80% 0.1242 131.78) 67.7%, oklch(76.36% 0.1228 132.15) 71.0%, oklch(76.57% 0.1206 135.86) 74.2%, oklch(75.01% 0.1170 144.13) 77.4%, oklch(71.52% 0.1115 157.42) 80.6%, oklch(66.66% 0.1046 174.20) 83.9%, oklch(61.00% 0.0969 192.88) 87.1%, oklch(55.10% 0.0892 211.87) 90.3%, oklch(49.54% 0.0819 229.56) 93.5%, oklch(44.90% 0.0759 244.38) 96.8%, oklch(41.73% 0.0717 254.71) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.173 | 0.022 | 161.7 |
| 2 | 0.35 | 0.068 | 156.4 |
| 3 | 0.571 | 0.117 | 150.1 |
| 4 | 0.764 | 0.12 | 137.4 |
| 5 | 0.417 | 0.072 | 254.7 |

## In these collections

- [Green multicolor gradients](https://grabient.com/green-multicolor-gradients)
- [School uniform](https://grabient.com/school-uniform)
- [Alpine harvest embroidery](https://grabient.com/alpine-harvest-embroidery)
- [Bottlebrush coral morning](https://grabient.com/bottlebrush-coral-morning)

## Other forms

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