# Navy, rose and ochre color palette

The Navy, rose and ochre color palette brings together dark blue, purple, magenta, red, and gold. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits seasonal campaigns and event graphics. Its darkest tone is dark blue, and its lightest tone is gold.

- Also called: Vivid navy, purple, pink and orange linear gradient
- Seed: `kWQ1nIOD_BM1LRnZxMTbLbGQ`
- Page: https://grabient.com/kWQ1nIOD_BM1LRnZxMTbLbGQ?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#1f145d` | `oklch(26.38% 0.1226 281.25)` | Ocean Abyss | white, 15.9 to 1 |
| 2 | `#231663` | `oklch(27.81% 0.1270 281.77)` | Ocean Abyss | white, 15.3 to 1 |
| 3 | `#281a6c` | `oklch(29.72% 0.1329 282.13)` | Nebula Night | white, 14.4 to 1 |
| 4 | `#2d1f76` | `oklch(32.00% 0.1400 282.53)` | Blue Royale | white, 13.3 to 1 |
| 5 | `#342481` | `oklch(34.53% 0.1478 283.21)` | Deep Space Rodeo | white, 12.1 to 1 |
| 6 | `#3c2a8d` | `oklch(37.18% 0.1558 284.36)` | Galactic Civilization | white, 11 to 1 |
| 7 | `#452e99` | `oklch(39.82% 0.1635 286.22)` | Galactic Purple | white, 9.9 to 1 |
| 8 | `#5033a3` | `oklch(42.35% 0.1705 289.00)` | Royalty | white, 8.9 to 1 |
| 9 | `#5c36ab` | `oklch(44.65% 0.1764 292.93)` | Royalty | white, 8.2 to 1 |
| 10 | `#6a37b0` | `oklch(46.90% 0.1818 298.31)` | Purple Emperor | white, 7.4 to 1 |
| 11 | `#7a39b4` | `oklch(49.18% 0.1872 304.94)` | Shredder Lavender | white, 6.8 to 1 |
| 12 | `#8c39b4` | `oklch(51.45% 0.1923 312.43)` | Pleasant Purple | white, 6.2 to 1 |
| 13 | `#9e39b2` | `oklch(53.68% 0.1969 320.40)` | Akebi Purple | white, 5.7 to 1 |
| 14 | `#af39ad` | `oklch(55.83% 0.2009 328.49)` | Vivid Fuchsia | white, 5.2 to 1 |
| 15 | `#bf3aa6` | `oklch(57.87% 0.2040 336.33)` | Byzantine | white, 4.8 to 1 |
| 16 | `#cd3b9e` | `oklch(59.75% 0.2061 343.52)` | Lustful Wishes | black, 4.7 to 1 |
| 17 | `#d83e96` | `oklch(61.44% 0.2070 349.79)` | Kirby | black, 5 to 1 |
| 18 | `#e1418e` | `oklch(62.88% 0.2067 355.42)` | Prunus Avium | black, 5.3 to 1 |
| 19 | `#e84586` | `oklch(64.12% 0.2053 0.63)` | Majestic Magenta | black, 5.6 to 1 |
| 20 | `#ee4a7e` | `oklch(65.24% 0.2031 5.60)` | Hindu Lotus | black, 5.9 to 1 |
| 21 | `#f34f76` | `oklch(66.32% 0.2003 10.50)` | Bonker Pink | black, 6.1 to 1 |
| 22 | `#f7556d` | `oklch(67.44% 0.1970 15.50)` | Ripe Malinka | black, 6.4 to 1 |
| 23 | `#fb5c65` | `oklch(68.67% 0.1934 20.77)` | Sweet Watermelon | black, 6.8 to 1 |
| 24 | `#ff655c` | `oklch(70.08% 0.1897 26.47)` | Pineapple Salmon | black, 7.2 to 1 |
| 25 | `#ff7256` | `oklch(71.78% 0.1777 32.93)` | Fresh Salmon | black, 7.8 to 1 |
| 26 | `#ff8152` | `oklch(73.80% 0.1658 40.36)` | Nārangī Orange | black, 8.5 to 1 |
| 27 | `#ff8f50` | `oklch(76.01% 0.1559 48.36)` | Boredom Buster | black, 9.3 to 1 |
| 28 | `#ff9d4f` | `oklch(78.28% 0.1486 56.50)` | Tangerine Tango | black, 10.1 to 1 |
| 29 | `#ffaa50` | `oklch(80.49% 0.1443 64.35)` | Soul Side | black, 11 to 1 |
| 30 | `#ffb550` | `oklch(82.51% 0.1430 71.49)` | Koromiko | black, 11.9 to 1 |
| 31 | `#ffbe50` | `oklch(84.20% 0.1443 77.47)` | Twenty Carat | black, 12.7 to 1 |
| 32 | `#ffc54e` | `oklch(85.43% 0.1471 81.88)` | Golden Promise | black, 13.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #1f145d 0.0%, #231663 3.2%, #281a6c 6.5%, #2d1f76 9.7%, #342481 12.9%, #3c2a8d 16.1%, #452e99 19.4%, #5033a3 22.6%, #5c36ab 25.8%, #6a37b0 29.0%, #7a39b4 32.3%, #8c39b4 35.5%, #9e39b2 38.7%, #af39ad 41.9%, #bf3aa6 45.2%, #cd3b9e 48.4%, #d83e96 51.6%, #e1418e 54.8%, #e84586 58.1%, #ee4a7e 61.3%, #f34f76 64.5%, #f7556d 67.7%, #fb5c65 71.0%, #ff655c 74.2%, #ff7256 77.4%, #ff8152 80.6%, #ff8f50 83.9%, #ff9d4f 87.1%, #ffaa50 90.3%, #ffb550 93.5%, #ffbe50 96.8%, #ffc54e 100.0%);
background: linear-gradient(90deg in oklch, oklch(26.38% 0.1226 281.25) 0.0%, oklch(27.81% 0.1270 281.77) 3.2%, oklch(29.72% 0.1329 282.13) 6.5%, oklch(32.00% 0.1400 282.53) 9.7%, oklch(34.53% 0.1478 283.21) 12.9%, oklch(37.18% 0.1558 284.36) 16.1%, oklch(39.82% 0.1635 286.22) 19.4%, oklch(42.35% 0.1705 289.00) 22.6%, oklch(44.65% 0.1764 292.93) 25.8%, oklch(46.90% 0.1818 298.31) 29.0%, oklch(49.18% 0.1872 304.94) 32.3%, oklch(51.45% 0.1923 312.43) 35.5%, oklch(53.68% 0.1969 320.40) 38.7%, oklch(55.83% 0.2009 328.49) 41.9%, oklch(57.87% 0.2040 336.33) 45.2%, oklch(59.75% 0.2061 343.52) 48.4%, oklch(61.44% 0.2070 349.79) 51.6%, oklch(62.88% 0.2067 355.42) 54.8%, oklch(64.12% 0.2053 0.63) 58.1%, oklch(65.24% 0.2031 5.60) 61.3%, oklch(66.32% 0.2003 10.50) 64.5%, oklch(67.44% 0.1970 15.50) 67.7%, oklch(68.67% 0.1934 20.77) 71.0%, oklch(70.08% 0.1897 26.47) 74.2%, oklch(71.78% 0.1777 32.93) 77.4%, oklch(73.80% 0.1658 40.36) 80.6%, oklch(76.01% 0.1559 48.36) 83.9%, oklch(78.28% 0.1486 56.50) 87.1%, oklch(80.49% 0.1443 64.35) 90.3%, oklch(82.51% 0.1430 71.49) 93.5%, oklch(84.20% 0.1443 77.47) 96.8%, oklch(85.43% 0.1471 81.88) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.264 | 0.123 | 281.3 |
| 2 | 0.441 | 0.175 | 291.8 |
| 3 | 0.606 | 0.207 | 346.8 |
| 4 | 0.705 | 0.189 | 388 |
| 5 | 0.854 | 0.15 | 441.9 |

## In these collections

- [Bright gradients](https://grabient.com/bright-gradients)
- [Summer gradients](https://grabient.com/summer-gradients)

## Other forms

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