# Near-black and sage frosted eucalyptus palette

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

- Also called: Monochrome black, gray and green radial swatches
- Seed: `kWMAjHIoRVDwQRDSmMFWpvAA`
- Page: https://grabient.com/kWMAjHIoRVDwQRDSmMFWpvAA?style=radialSwatches&steps=6&angle=135
- Drawn as: radial swatches, 6 steps, 135 degrees
- Kinds: dark to light, muted, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 7.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 | `#121319` | `oklch(18.90% 0.0110 279.84)` | Black Is Back | white, 18.5 to 1 |
| 2 | `#24201c` | `oklch(24.62% 0.0089 68.99)` | Petroleum | white, 16.1 to 1 |
| 3 | `#404837` | `oklch(38.82% 0.0300 128.59)` | Copper Pyrite Green | white, 9.5 to 1 |
| 4 | `#607a5c` | `oklch(55.05% 0.0549 141.27)` | Silver Willow Green | white, 4.7 to 1 |
| 5 | `#79a27c` | `oklch(67.05% 0.0703 146.89)` | Green Grey | black, 7.2 to 1 |
| 6 | `#83b087` | `oklch(71.26% 0.0758 147.05)` | Peapod | black, 8.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #121319 0.000% 16.667%, #24201c 16.667% 33.333%, #404837 33.333% 50.000%, #607a5c 50.000% 66.667%, #79a27c 66.667% 83.333%, #83b087 83.333% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(18.90% 0.0110 279.84) 0.000% 16.667%, oklch(24.62% 0.0089 68.99) 16.667% 33.333%, oklch(38.82% 0.0300 128.59) 33.333% 50.000%, oklch(55.05% 0.0549 141.27) 50.000% 66.667%, oklch(67.05% 0.0703 146.89) 66.667% 83.333%, oklch(71.26% 0.0758 147.05) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.011 | 279.8 |
| 2 | 0.272 | 0.011 | 458.4 |
| 3 | 0.472 | 0.044 | 494.4 |
| 4 | 0.65 | 0.068 | 506 |
| 5 | 0.713 | 0.076 | 507 |

## In these collections

- [Frosted eucalyptus](https://grabient.com/frosted-eucalyptus)

## Other forms

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