# Ochre, rose and indigo happy palette

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

- Also called: Neon orange, pink, purple and blue angular swatches
- Seed: `kW0HY228E7dRXOxL2buQ9E7Y`
- Page: https://grabient.com/kW0HY228E7dRXOxL2buQ9E7Y?style=angularSwatches&steps=5&angle=315
- Drawn as: angular swatches, 5 steps, 315 degrees
- Kinds: vivid, neon
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#feb327` | `oklch(81.89% 0.1626 76.64)` | Sunset Glow | black, 11.7 to 1 |
| 2 | `#ff7548` | `oklch(72.05% 0.1787 38.60)` | Precious Persimmon | black, 7.9 to 1 |
| 3 | `#fa3494` | `oklch(66.14% 0.2398 357.38)` | Unicorn Dust | black, 5.9 to 1 |
| 4 | `#bb33d6` | `oklch(59.45% 0.2467 320.40)` | Shades of Rhodonite | white, 4.6 to 1 |
| 5 | `#614ae6` | `oklch(53.15% 0.2232 282.35)` | Majorelle Blue | white, 5.7 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #feb327 0.000% 20.000%, #ff7548 20.000% 40.000%, #fa3494 40.000% 60.000%, #bb33d6 60.000% 80.000%, #614ae6 80.000% 100.000%);
background: conic-gradient(from 315deg, oklch(81.89% 0.1626 76.64) 0.000% 20.000%, oklch(72.05% 0.1787 38.60) 20.000% 40.000%, oklch(66.14% 0.2398 357.38) 40.000% 60.000%, oklch(59.45% 0.2467 320.40) 60.000% 80.000%, oklch(53.15% 0.2232 282.35) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.819 | 0.163 | 76.6 |
| 2 | 0.72 | 0.179 | 38.6 |
| 3 | 0.661 | 0.24 | -2.6 |
| 4 | 0.594 | 0.247 | -39.6 |
| 5 | 0.531 | 0.223 | -77.6 |

## In these collections

- [Happy swatches](https://grabient.com/happy-swatches)

## Other forms

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