# Near-black, terracotta and sage harvest palette

The Near-black, terracotta and sage harvest palette brings together dark gray, red, gold, and green. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits seasonal packaging and event invitations. Its darkest tone is dark gray, and its lightest tone is gold.

- Also called: Black, brown and dark green radial swatches
- Seed: `kUOwrsPpzH1ElRe4l0RA`
- Page: https://grabient.com/kUOwrsPpzH1ElRe4l0RA?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: light center, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 4.9 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 | `#211b20` | `oklch(23.23% 0.0138 331.88)` | Night Demons | white, 16.8 to 1 |
| 2 | `#87513f` | `oklch(49.21% 0.0785 38.45)` | Hipsterfication | white, 6.4 to 1 |
| 3 | `#a4883b` | `oklch(63.78% 0.1020 89.17)` | Peanut Brittle | black, 6.1 to 1 |
| 4 | `#4b5a33` | `oklch(44.49% 0.0634 126.16)` | Stinging Nettle | white, 7.4 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #211b20 0.000% 25.000%, #87513f 25.000% 50.000%, #a4883b 50.000% 75.000%, #4b5a33 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(23.23% 0.0138 331.88) 0.000% 25.000%, oklch(49.21% 0.0785 38.45) 25.000% 50.000%, oklch(63.78% 0.1020 89.17) 50.000% 75.000%, oklch(44.49% 0.0634 126.16) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.232 | 0.014 | 331.9 |
| 2 | 0.492 | 0.079 | 398.5 |
| 3 | 0.638 | 0.102 | 449.2 |
| 4 | 0.445 | 0.063 | 486.2 |

## In these collections

- [Harvest swatches](https://grabient.com/harvest-swatches)

## Other forms

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