# Ochre, crimson and plum color palette

The Ochre, crimson and plum color palette brings together gold, orange, red, and magenta. The colors span a moderate lightness range, combining strong color with clear 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: Neon yellow, orange, pink and purple linear gradient
- Seed: `kY2n5GZDo8FjHO_QVT2xtG-DtLvS`
- Page: https://grabient.com/kY2n5GZDo8FjHO_QVT2xtG-DtLvS?steps=6&angle=0
- Drawn as: linear gradient, 6 steps, 0 degrees
- Kinds: light to dark, vivid, neon, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 5.1 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 | `#eed01a` | `oklch(85.83% 0.1736 98.44)` | Under the Sun | black, 13.7 to 1 |
| 2 | `#fea232` | `oklch(78.74% 0.1598 65.68)` | Blazing Bonfire | black, 10.4 to 1 |
| 3 | `#ff6349` | `oklch(69.68% 0.1948 31.86)` | Bruschetta Tomato | black, 7.1 to 1 |
| 4 | `#f52660` | `oklch(62.99% 0.2343 12.84)` | Pure Pleasure | black, 5.3 to 1 |
| 5 | `#ce0675` | `oklch(55.51% 0.2246 356.99)` | Crazy Ex | white, 5.3 to 1 |
| 6 | `#970088` | `oklch(46.47% 0.2079 333.74)` | Vanishing Night | white, 7.8 to 1 |

## CSS

```css
background: linear-gradient(0deg, #eed01a 0.0%, #fea232 20.0%, #ff6349 40.0%, #f52660 60.0%, #ce0675 80.0%, #970088 100.0%);
background: linear-gradient(0deg in oklch, oklch(85.83% 0.1736 98.44) 0.0%, oklch(78.74% 0.1598 65.68) 20.0%, oklch(69.68% 0.1948 31.86) 40.0%, oklch(62.99% 0.2343 12.84) 60.0%, oklch(55.51% 0.2246 356.99) 80.0%, oklch(46.47% 0.2079 333.74) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.858 | 0.174 | 98.4 |
| 2 | 0.787 | 0.16 | 65.7 |
| 3 | 0.697 | 0.196 | 31.9 |
| 4 | 0.63 | 0.234 | 12.8 |
| 5 | 0.555 | 0.225 | -3 |
| 6 | 0.465 | 0.208 | -26.3 |

## In these collections

- [Sunrise gradients](https://grabient.com/sunrise-gradients)
- [Sunset gradients](https://grabient.com/sunset-gradients)

## Other forms

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