# Ochre, rose and navy sequential data palette

The Ochre, rose and navy sequential data palette brings together gold, orange, red, purple, and dark blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is dark blue, and its lightest tone is gold.

- Also called: Vivid yellow, pink, purple and navy radial gradient
- Seed: `kW3m9EWb46UbDumytjmoCQ9Q`
- Page: https://grabient.com/kW3m9EWb46UbDumytjmoCQ9Q?style=radialGradient&steps=32&angle=180
- Drawn as: radial gradient, 32 steps, 180 degrees
- Kinds: light to dark, vivid
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#f4d44d` | `oklch(87.40% 0.1530 95.62)` | Fresh Pineapple | black, 14.3 to 1 |
| 2 | `#f6cd44` | `oklch(86.03% 0.1544 91.81)` | Marigold Dust | black, 13.7 to 1 |
| 3 | `#f7c338` | `oklch(84.19% 0.1564 86.70)` | Saffron | black, 12.8 to 1 |
| 4 | `#f9b72c` | `oklch(81.99% 0.1587 80.63)` | Hot Sun | black, 11.8 to 1 |
| 5 | `#f9aa22` | `oklch(79.56% 0.1613 73.89)` | Gusto Gold | black, 10.8 to 1 |
| 6 | `#f99c1d` | `oklch(77.02% 0.1640 66.80)` | DodgeRoll Gold | black, 9.8 to 1 |
| 7 | `#f78e20` | `oklch(74.50% 0.1667 59.68)` | Jú Huáng Tangerine | black, 8.8 to 1 |
| 8 | `#f48227` | `oklch(72.10% 0.1692 52.83)` | Consumed by Fire | black, 8 to 1 |
| 9 | `#f17630` | `oklch(69.96% 0.1714 46.56)` | Orange Crush | black, 7.3 to 1 |
| 10 | `#ee6b38` | `oklch(67.96% 0.1740 40.58)` | Mandarin Orange | black, 6.7 to 1 |
| 11 | `#ea6140` | `oklch(66.01% 0.1770 34.68)` | Teri-Gaki Persimmon | black, 6.2 to 1 |
| 12 | `#e55648` | `oklch(64.10% 0.1801 28.82)` | Tiger Lily | black, 5.7 to 1 |
| 13 | `#e04d50` | `oklch(62.21% 0.1829 22.94)` | Thimbleberry | black, 5.3 to 1 |
| 14 | `#d94458` | `oklch(60.33% 0.1851 17.01)` | Celestial Coral | black, 4.9 to 1 |
| 15 | `#d13b60` | `oklch(58.43% 0.1864 10.96)` | Azalea | white, 4.6 to 1 |
| 16 | `#c83568` | `oklch(56.50% 0.1865 4.75)` | Raspberry Jam | white, 5 to 1 |
| 17 | `#be2f6f` | `oklch(54.52% 0.1851 358.28)` | Pink Shadow | white, 5.4 to 1 |
| 18 | `#b22c76` | `oklch(52.50% 0.1823 351.28)` | Festival Fuchsia | white, 5.9 to 1 |
| 19 | `#a42a7d` | `oklch(50.45% 0.1783 343.92)` | Festival Fuchsia | white, 6.5 to 1 |
| 20 | `#962a82` | `oklch(48.39% 0.1735 336.43)` | Purple Excellency | white, 7 to 1 |
| 21 | `#882a86` | `oklch(46.32% 0.1680 329.05)` | Purple Sultan | white, 7.7 to 1 |
| 22 | `#7a2987` | `oklch(44.27% 0.1621 322.03)` | Hello Darkness My Old Friend | white, 8.3 to 1 |
| 23 | `#6d2986` | `oklch(42.25% 0.1561 315.59)` | Sapphire Siren | white, 9.1 to 1 |
| 24 | `#612883` | `oklch(40.25% 0.1502 309.98)` | Purplex | white, 9.8 to 1 |
| 25 | `#56267f` | `oklch(38.25% 0.1443 305.29)` | Regalia | white, 10.6 to 1 |
| 26 | `#4b2478` | `oklch(36.11% 0.1375 301.21)` | Spanish Violet | white, 11.5 to 1 |
| 27 | `#412171` | `oklch(33.92% 0.1301 297.70)` | Explorer of the Galaxies | white, 12.4 to 1 |
| 28 | `#391e69` | `oklch(31.76% 0.1226 294.68)` | Dark Dreams | white, 13.4 to 1 |
| 29 | `#311c60` | `oklch(29.72% 0.1154 292.11)` | Night Fog | white, 14.3 to 1 |
| 30 | `#2a1959` | `oklch(27.89% 0.1088 289.94)` | Voldemort | white, 15.1 to 1 |
| 31 | `#251753` | `oklch(26.35% 0.1033 288.10)` | Praise of Shadow | white, 15.8 to 1 |
| 32 | `#21154e` | `oklch(25.20% 0.0992 286.54)` | Praise of Shadow | white, 16.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f4d44d 0.0%, #f6cd44 3.2%, #f7c338 6.5%, #f9b72c 9.7%, #f9aa22 12.9%, #f99c1d 16.1%, #f78e20 19.4%, #f48227 22.6%, #f17630 25.8%, #ee6b38 29.0%, #ea6140 32.3%, #e55648 35.5%, #e04d50 38.7%, #d94458 41.9%, #d13b60 45.2%, #c83568 48.4%, #be2f6f 51.6%, #b22c76 54.8%, #a42a7d 58.1%, #962a82 61.3%, #882a86 64.5%, #7a2987 67.7%, #6d2986 71.0%, #612883 74.2%, #56267f 77.4%, #4b2478 80.6%, #412171 83.9%, #391e69 87.1%, #311c60 90.3%, #2a1959 93.5%, #251753 96.8%, #21154e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(87.40% 0.1530 95.62) 0.0%, oklch(86.03% 0.1544 91.81) 3.2%, oklch(84.19% 0.1564 86.70) 6.5%, oklch(81.99% 0.1587 80.63) 9.7%, oklch(79.56% 0.1613 73.89) 12.9%, oklch(77.02% 0.1640 66.80) 16.1%, oklch(74.50% 0.1667 59.68) 19.4%, oklch(72.10% 0.1692 52.83) 22.6%, oklch(69.96% 0.1714 46.56) 25.8%, oklch(67.96% 0.1740 40.58) 29.0%, oklch(66.01% 0.1770 34.68) 32.3%, oklch(64.10% 0.1801 28.82) 35.5%, oklch(62.21% 0.1829 22.94) 38.7%, oklch(60.33% 0.1851 17.01) 41.9%, oklch(58.43% 0.1864 10.96) 45.2%, oklch(56.50% 0.1865 4.75) 48.4%, oklch(54.52% 0.1851 358.28) 51.6%, oklch(52.50% 0.1823 351.28) 54.8%, oklch(50.45% 0.1783 343.92) 58.1%, oklch(48.39% 0.1735 336.43) 61.3%, oklch(46.32% 0.1680 329.05) 64.5%, oklch(44.27% 0.1621 322.03) 67.7%, oklch(42.25% 0.1561 315.59) 71.0%, oklch(40.25% 0.1502 309.98) 74.2%, oklch(38.25% 0.1443 305.29) 77.4%, oklch(36.11% 0.1375 301.21) 80.6%, oklch(33.92% 0.1301 297.70) 83.9%, oklch(31.76% 0.1226 294.68) 87.1%, oklch(29.72% 0.1154 292.11) 90.3%, oklch(27.89% 0.1088 289.94) 93.5%, oklch(26.35% 0.1033 288.10) 96.8%, oklch(25.20% 0.0992 286.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.874 | 0.153 | 95.6 |
| 2 | 0.705 | 0.171 | 48.1 |
| 3 | 0.555 | 0.186 | 1.6 |
| 4 | 0.398 | 0.149 | -51.3 |
| 5 | 0.252 | 0.099 | -73.5 |

## In these collections

- [Sequential data gradients](https://grabient.com/sequential-data-gradients)

## Other forms

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