# Ochre, cobalt blue and rose triadic palette

The Ochre, cobalt blue and rose triadic palette brings together gold, blue, and magenta. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is magenta, and its lightest tone is gold.

- Also called: Muted rainbow from brown to pink angular swatches
- Seed: `kYi0Y62ajAUIcUnTlr9QSbM9QjwK`
- Page: https://grabient.com/kYi0Y62ajAUIcUnTlr9QSbM9QjwK?style=angularSwatches&steps=6&angle=45
- Drawn as: angular swatches, 6 steps, 45 degrees
- Kinds: rainbow
- Hues: triadic
- Contrast of its darkest and lightest colors: 2.2 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 | `#8c6b24` | `oklch(54.72% 0.0965 82.27)` | Sassy Olive | white, 4.9 to 1 |
| 2 | `#bf9a46` | `oklch(70.47% 0.1116 85.44)` | Brown Rum | black, 7.9 to 1 |
| 3 | `#3d6e91` | `oklch(51.97% 0.0772 241.84)` | Big Sur Blue Jade | white, 5.4 to 1 |
| 4 | `#6d98b3` | `oklch(65.75% 0.0620 236.55)` | Aragonite Blue | black, 6.7 to 1 |
| 5 | `#914b73` | `oklch(51.18% 0.1061 346.45)` | Sugar Plum | white, 6 to 1 |
| 6 | `#c17998` | `oklch(66.14% 0.0978 352.79)` | Dolomite Red | black, 6.4 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #8c6b24 0.000% 16.667%, #bf9a46 16.667% 33.333%, #3d6e91 33.333% 50.000%, #6d98b3 50.000% 66.667%, #914b73 66.667% 83.333%, #c17998 83.333% 100.000%);
background: conic-gradient(from 45deg, oklch(54.72% 0.0965 82.27) 0.000% 16.667%, oklch(70.47% 0.1116 85.44) 16.667% 33.333%, oklch(51.97% 0.0772 241.84) 33.333% 50.000%, oklch(65.75% 0.0620 236.55) 50.000% 66.667%, oklch(51.18% 0.1061 346.45) 66.667% 83.333%, oklch(66.14% 0.0978 352.79) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.096 | 82.3 |
| 2 | 0.705 | 0.112 | 85.4 |
| 3 | 0.52 | 0.077 | 241.8 |
| 4 | 0.657 | 0.062 | 236.6 |
| 5 | 0.512 | 0.106 | 346.5 |
| 6 | 0.661 | 0.098 | 352.8 |

## In these collections

- [Triadic swatches](https://grabient.com/triadic-swatches)

## Other forms

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