# Color Palette: Near-black and forest green

The "Color Palette: Near-black and forest green" palette brings together dark gray, dark blue, dark green, purple, 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, purple and blue angular swatches
- Seed: `kWJAe8mqC_6OdMkspNQOBI6g`
- Page: https://grabient.com/kWJAe8mqC_6OdMkspNQOBI6g?style=angularSwatches&steps=5&angle=180
- Drawn as: angular swatches, 5 steps, 180 degrees
- Kinds: dark, cool
- Hues: two-hue
- Contrast of its darkest and lightest colors: 2.5 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 | `#08090e` | `oklch(14.17% 0.0096 265.08)` | Existential Angst | white, 19.8 to 1 |
| 2 | `#041240` | `oklch(20.87% 0.0896 265.08)` | Deep Cove | white, 17.9 to 1 |
| 3 | `#003312` | `oklch(27.96% 0.0774 149.79)` | Haunted Hills | white, 14.2 to 1 |
| 4 | `#51265b` | `oklch(35.04% 0.1006 320.03)` | Kuwanomi Purple | white, 11.8 to 1 |
| 5 | `#4a516e` | `oklch(44.09% 0.0496 274.59)` | Independence | white, 7.7 to 1 |

## CSS

```css
background: conic-gradient(from 180deg, #08090e 0.000% 20.000%, #041240 20.000% 40.000%, #003312 40.000% 60.000%, #51265b 60.000% 80.000%, #4a516e 80.000% 100.000%);
background: conic-gradient(from 180deg, oklch(14.17% 0.0096 265.08) 0.000% 20.000%, oklch(20.87% 0.0896 265.08) 20.000% 40.000%, oklch(27.96% 0.0774 149.79) 40.000% 60.000%, oklch(35.04% 0.1006 320.03) 60.000% 80.000%, oklch(44.09% 0.0496 274.59) 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.01 | 265.1 |
| 2 | 0.209 | 0.09 | 265.1 |
| 3 | 0.28 | 0.08 | 149.9 |
| 4 | 0.35 | 0.101 | 320 |
| 5 | 0.441 | 0.05 | 274.6 |

## In these collections

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

## Other forms

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