# Ochre, moss and deep cyan energetic palette

The Ochre, moss and deep cyan energetic palette brings together gold, teal, red, and dark blue. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is gold.

- Also called: Rainbow from brown to navy radial swatches
- Seed: `kUqmU5Q6FPE-xqqjjCzA`
- Page: https://grabient.com/kUqmU5Q6FPE-xqqjjCzA?style=radialSwatches&steps=4&angle=0
- Drawn as: radial swatches, 4 steps, 0 degrees
- Kinds: vivid, rainbow
- Hues: multi-hue
- Contrast of its darkest and lightest colors: 4.7 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 | `#c18a00` | `oklch(66.93% 0.1386 80.14)` | Auric | black, 6.8 to 1 |
| 2 | `#027a88` | `oklch(53.15% 0.0909 208.02)` | Biscay Bay | white, 5 to 1 |
| 3 | `#cd6457` | `oklch(62.60% 0.1364 28.38)` | Japanese Kimono | black, 5.5 to 1 |
| 4 | `#162c35` | `oklch(27.95% 0.0331 226.69)` | Oceanic Noir | white, 14.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c18a00 0.000% 25.000%, #027a88 25.000% 50.000%, #cd6457 50.000% 75.000%, #162c35 75.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(66.93% 0.1386 80.14) 0.000% 25.000%, oklch(53.15% 0.0909 208.02) 25.000% 50.000%, oklch(62.60% 0.1364 28.38) 50.000% 75.000%, oklch(27.95% 0.0331 226.69) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.139 | 80.2 |
| 2 | 0.531 | 0.091 | 208 |
| 3 | 0.626 | 0.136 | 28.4 |
| 4 | 0.28 | 0.033 | -133.3 |

## In these collections

- [Energetic swatches](https://grabient.com/energetic-swatches)

## Other forms

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