# Ochre, crimson and magenta vivid multicolor palette

The Ochre, crimson and magenta vivid multicolor palette brings together yellow, orange, red, magenta, and purple. 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 purple, and its lightest tone is yellow.

- Also called: Neon yellow, orange, pink and purple radial gradient
- Seed: `kW4INDYr88lVPO_OWbxQ9k6g`
- Page: https://grabient.com/kW4INDYr88lVPO_OWbxQ9k6g?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid, neon, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#ffd503` | `oklch(88.19% 0.1805 94.22)` | Sinag Gold | black, 14.7 to 1 |
| 2 | `#ffd012` | `oklch(87.34% 0.1763 91.98)` | Bright Saffron | black, 14.2 to 1 |
| 3 | `#ffca18` | `oklch(86.20% 0.1725 89.02)` | Yellow Flash | black, 13.7 to 1 |
| 4 | `#ffc319` | `oklch(84.85% 0.1699 85.50)` | Happy Yipee | black, 13 to 1 |
| 5 | `#ffbb16` | `oklch(83.34% 0.1686 81.56)` | Bitcoin | black, 12.3 to 1 |
| 6 | `#ffb30f` | `oklch(81.76% 0.1686 77.36)` | Saffron Thread | black, 11.6 to 1 |
| 7 | `#ffaa07` | `oklch(80.17% 0.1697 73.05)` | Flash of Orange | black, 11 to 1 |
| 8 | `#ffa100` | `oklch(78.63% 0.1716 68.78)` | Vivid Orange Peel | black, 10.3 to 1 |
| 9 | `#ff9900` | `oklch(77.21% 0.1737 64.66)` | Vitamin C | black, 9.8 to 1 |
| 10 | `#ff9100` | `oklch(75.79% 0.1769 60.48)` | Princeton Orange | black, 9.2 to 1 |
| 11 | `#ff8700` | `oklch(74.32% 0.1815 56.16)` | Mandarin Jelly | black, 8.7 to 1 |
| 12 | `#ff7e06` | `oklch(72.84% 0.1868 51.72)` | Ati-Ati Amber | black, 8.2 to 1 |
| 13 | `#ff730f` | `oklch(71.38% 0.1930 47.22)` | Philippine Orange | black, 7.7 to 1 |
| 14 | `#ff6919` | `oklch(69.98% 0.1999 42.73)` | Orange Piñata | black, 7.2 to 1 |
| 15 | `#ff5e22` | `oklch(68.66% 0.2074 38.30)` | Giants Orange | black, 6.8 to 1 |
| 16 | `#ff522b` | `oklch(67.47% 0.2152 33.97)` | Poppy Surprise | black, 6.5 to 1 |
| 17 | `#fe4936` | `oklch(66.43% 0.2201 29.83)` | Hotspot | black, 6.2 to 1 |
| 18 | `#fd4040` | `oklch(65.58% 0.2247 25.96)` | Red Coral | black, 5.9 to 1 |
| 19 | `#fc3749` | `oklch(64.87% 0.2292 22.27)` | Red Salsa | black, 5.7 to 1 |
| 20 | `#fb2f52` | `oklch(64.25% 0.2335 18.64)` | Reddish Pink | black, 5.6 to 1 |
| 21 | `#f9265b` | `oklch(63.66% 0.2374 14.96)` | Red Pink | black, 5.4 to 1 |
| 22 | `#f71d64` | `oklch(63.07% 0.2409 11.11)` | Pure Pleasure | black, 5.3 to 1 |
| 23 | `#f4146e` | `oklch(62.41% 0.2439 6.97)` | Ruby Fire | black, 5.1 to 1 |
| 24 | `#ef0878` | `oklch(61.63% 0.2462 2.44)` | Fatty Fuchsia | black, 4.9 to 1 |
| 25 | `#e90084` | `oklch(60.69% 0.2477 357.22)` | Feasty Fuchsia | black, 4.7 to 1 |
| 26 | `#e00090` | `oklch(59.58% 0.2477 351.07)` | The Art of Seduction | white, 4.6 to 1 |
| 27 | `#d5019e` | `oklch(58.35% 0.2483 344.35)` | Indian Lake | white, 4.8 to 1 |
| 28 | `#c908aa` | `oklch(57.09% 0.2479 337.45)` | Mystifying Magenta | white, 5.1 to 1 |
| 29 | `#bd10b5` | `oklch(55.88% 0.2471 330.75)` | Kinky Koala | white, 5.3 to 1 |
| 30 | `#b115bd` | `oklch(54.76% 0.2463 324.65)` | Barney | white, 5.6 to 1 |
| 31 | `#a719c4` | `oklch(53.83% 0.2456 319.53)` | Telemagenta | white, 5.8 to 1 |
| 32 | `#a01bc8` | `oklch(53.15% 0.2453 315.78)` | Prom Queen | white, 6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #ffd503 0.0%, #ffd012 3.2%, #ffca18 6.5%, #ffc319 9.7%, #ffbb16 12.9%, #ffb30f 16.1%, #ffaa07 19.4%, #ffa100 22.6%, #ff9900 25.8%, #ff9100 29.0%, #ff8700 32.3%, #ff7e06 35.5%, #ff730f 38.7%, #ff6919 41.9%, #ff5e22 45.2%, #ff522b 48.4%, #fe4936 51.6%, #fd4040 54.8%, #fc3749 58.1%, #fb2f52 61.3%, #f9265b 64.5%, #f71d64 67.7%, #f4146e 71.0%, #ef0878 74.2%, #e90084 77.4%, #e00090 80.6%, #d5019e 83.9%, #c908aa 87.1%, #bd10b5 90.3%, #b115bd 93.5%, #a719c4 96.8%, #a01bc8 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(88.19% 0.1805 94.22) 0.0%, oklch(87.34% 0.1763 91.98) 3.2%, oklch(86.20% 0.1725 89.02) 6.5%, oklch(84.85% 0.1699 85.50) 9.7%, oklch(83.34% 0.1686 81.56) 12.9%, oklch(81.76% 0.1686 77.36) 16.1%, oklch(80.17% 0.1697 73.05) 19.4%, oklch(78.63% 0.1716 68.78) 22.6%, oklch(77.21% 0.1737 64.66) 25.8%, oklch(75.79% 0.1769 60.48) 29.0%, oklch(74.32% 0.1815 56.16) 32.3%, oklch(72.84% 0.1868 51.72) 35.5%, oklch(71.38% 0.1930 47.22) 38.7%, oklch(69.98% 0.1999 42.73) 41.9%, oklch(68.66% 0.2074 38.30) 45.2%, oklch(67.47% 0.2152 33.97) 48.4%, oklch(66.43% 0.2201 29.83) 51.6%, oklch(65.58% 0.2247 25.96) 54.8%, oklch(64.87% 0.2292 22.27) 58.1%, oklch(64.25% 0.2335 18.64) 61.3%, oklch(63.66% 0.2374 14.96) 64.5%, oklch(63.07% 0.2409 11.11) 67.7%, oklch(62.41% 0.2439 6.97) 71.0%, oklch(61.63% 0.2462 2.44) 74.2%, oklch(60.69% 0.2477 357.22) 77.4%, oklch(59.58% 0.2477 351.07) 80.6%, oklch(58.35% 0.2483 344.35) 83.9%, oklch(57.09% 0.2479 337.45) 87.1%, oklch(55.88% 0.2471 330.75) 90.3%, oklch(54.76% 0.2463 324.65) 93.5%, oklch(53.83% 0.2456 319.53) 96.8%, oklch(53.15% 0.2453 315.78) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.181 | 94.2 |
| 2 | 0.776 | 0.174 | 65.7 |
| 3 | 0.669 | 0.218 | 31.9 |
| 4 | 0.614 | 0.247 | 1.2 |
| 5 | 0.531 | 0.245 | -44.2 |

## In these collections

- [Vivid multicolor gradients](https://grabient.com/vivid-multicolor-gradients)

## Other forms

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