# Color Palette: Near-black and forest green

The "Color Palette: Near-black and forest green" palette brings together dark gray, dark orange, dark green, and blue. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its dark and grounded character suits botanical branding and garden event graphics. Its darkest tone is dark gray, and its lightest tone is blue.

- Also called: Black, dark green and blue linear swatches
- Seed: `kWJA8wmpm_6KdSKrHU2tpI-4`
- Page: https://grabient.com/kWJA8wmpm_6KdSKrHU2tpI-4?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid, dark
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 2.4 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 | `#0f0802` | `oklch(14.17% 0.0207 68.20)` | Blackout | white, 19.8 to 1 |
| 2 | `#261300` | `oklch(20.87% 0.0459 67.58)` | Super Black | white, 17.8 to 1 |
| 3 | `#093007` | `oklch(27.17% 0.0799 142.18)` | Diminishing Green | white, 14.6 to 1 |
| 4 | `#1c3760` | `oklch(33.86% 0.0799 258.42)` | Navy Trim | white, 11.8 to 1 |
| 5 | `#3a526a` | `oklch(42.91% 0.0496 249.96)` | Plaudit | white, 8.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #0f0802 0.000% 20.000%, #261300 20.000% 40.000%, #093007 40.000% 60.000%, #1c3760 60.000% 80.000%, #3a526a 80.000% 100.000%);
background: linear-gradient(90deg, oklch(14.17% 0.0207 68.20) 0.000% 20.000%, oklch(20.87% 0.0459 67.58) 20.000% 40.000%, oklch(27.17% 0.0799 142.18) 40.000% 60.000%, oklch(33.86% 0.0799 258.42) 60.000% 80.000%, oklch(42.91% 0.0496 249.96) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.142 | 0.021 | 68.2 |
| 2 | 0.209 | 0.07 | 68.2 |
| 3 | 0.272 | 0.08 | 142.2 |
| 4 | 0.339 | 0.08 | 258.4 |
| 5 | 0.429 | 0.05 | 250 |

## In these collections

- [Moody swatches](https://grabient.com/moody-swatches)
- [Dark swatches](https://grabient.com/dark-swatches)
- [Dark academia swatches](https://grabient.com/dark-academia-swatches)

## Other forms

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