# Near-black and sage black palette

The Near-black and sage black palette brings together black, dark gray, green, and dark green. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is green.

- Also called: Black and dark green radial swatches
- Seed: `kWHgZ3moa_60Ov-hi0BEwRAA`
- Page: https://grabient.com/kWHgZ3moa_60Ov-hi0BEwRAA?style=radialSwatches&steps=5&angle=225
- Drawn as: radial swatches, 5 steps, 225 degrees
- Kinds: neutral, dark, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.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 | `#030605` | `oklch(11.81% 0.0083 168.05)` | Black Metal | white, 20.3 to 1 |
| 2 | `#101b16` | `oklch(20.87% 0.0179 168.05)` | Black Stallion | white, 17.6 to 1 |
| 3 | `#264238` | `oklch(35.43% 0.0400 168.05)` | English Holly | white, 10.8 to 1 |
| 4 | `#152a23` | `oklch(26.38% 0.0303 171.22)` | Swamp Thing | white, 15.1 to 1 |
| 5 | `#070d0b` | `oklch(14.96% 0.0110 172.27)` | Dark Side of the Moon | white, 19.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #030605 0.000% 20.000%, #101b16 20.000% 40.000%, #264238 40.000% 60.000%, #152a23 60.000% 80.000%, #070d0b 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(11.81% 0.0083 168.05) 0.000% 20.000%, oklch(20.87% 0.0179 168.05) 20.000% 40.000%, oklch(35.43% 0.0400 168.05) 40.000% 60.000%, oklch(26.38% 0.0303 171.22) 60.000% 80.000%, oklch(14.96% 0.0110 172.27) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.118 | 0.008 | 168 |
| 2 | 0.209 | 0.018 | 168 |
| 3 | 0.354 | 0.04 | 168 |
| 4 | 0.264 | 0.03 | 171.2 |
| 5 | 0.15 | 0.011 | 172.3 |

## In these collections

- [Black swatches](https://grabient.com/black-swatches)

## Other forms

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