# Ochre, moss and bronze color palette

The Ochre, moss and bronze color palette brings together gold, green, pale yellow, and light green. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits holiday stationery and seasonal displays. Its darkest tone is green, and its lightest tone is pale yellow.

- Also called: Brown, dark green, beige and gray angular swatches
- Seed: `kYnVBAKJ1Gb-2wbzlDiYJRD8Yruc`
- Page: https://grabient.com/kYnVBAKJ1Gb-2wbzlDiYJRD8Yruc?style=angularSwatches&steps=6&angle=210
- Drawn as: angular swatches, 6 steps, 210 degrees
- Kinds: vivid
- Hues: analogous
- Contrast of its darkest and lightest colors: 9.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 | `#9f8229` | `oklch(61.81% 0.1102 90.00)` | Hacienda | black, 5.7 to 1 |
| 2 | `#123d16` | `oklch(31.89% 0.0799 144.95)` | Melancholia | white, 12.3 to 1 |
| 3 | `#00764c` | `oklch(50.00% 0.1136 159.73)` | Gnarls Green | white, 5.6 to 1 |
| 4 | `#ebe2b9` | `oklch(90.94% 0.0551 97.40)` | Buttered | black, 16.1 to 1 |
| 5 | `#a5b994` | `oklch(75.98% 0.0551 131.21)` | Byakuroku Green | black, 9.9 to 1 |
| 6 | `#956900` | `oklch(55.12% 0.1144 79.40)` | Gamboge Brown | white, 4.9 to 1 |

## CSS

```css
background: conic-gradient(from 210deg, #9f8229 0.000% 16.667%, #123d16 16.667% 33.333%, #00764c 33.333% 50.000%, #ebe2b9 50.000% 66.667%, #a5b994 66.667% 83.333%, #956900 83.333% 100.000%);
background: conic-gradient(from 210deg, oklch(61.81% 0.1102 90.00) 0.000% 16.667%, oklch(31.89% 0.0799 144.95) 16.667% 33.333%, oklch(50.00% 0.1136 159.73) 33.333% 50.000%, oklch(90.94% 0.0551 97.40) 50.000% 66.667%, oklch(75.98% 0.0551 131.21) 66.667% 83.333%, oklch(55.12% 0.1144 79.40) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.618 | 0.11 | 90 |
| 2 | 0.319 | 0.08 | 145 |
| 3 | 0.5 | 0.15 | 159.7 |
| 4 | 0.909 | 0.055 | 97.4 |
| 5 | 0.76 | 0.055 | 131.2 |
| 6 | 0.551 | 0.12 | 79.4 |

## In these collections

- [Christmas swatches](https://grabient.com/christmas-swatches)
- [Green and gold swatches](https://grabient.com/green-and-gold-swatches)
- [Luxury swatches](https://grabient.com/luxury-swatches)

## Other forms

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