# Navy, rose and ochre sky palette

The Navy, rose and ochre sky palette brings together blue, magenta, red, orange, and gold. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Navy to orange linear gradient
- Seed: `kYWEC8uCJA0GixdPMUa3LPD2qvQ6`
- Page: https://grabient.com/kYWEC8uCJA0GixdPMUa3LPD2qvQ6?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: dark to light, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7 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 | `#233767` | `oklch(34.65% 0.0882 265.08)` | Passionate Blue | white, 11.6 to 1 |
| 2 | `#25396a` | `oklch(35.66% 0.0888 265.39)` | Blue Depths | white, 11.1 to 1 |
| 3 | `#293d6f` | `oklch(37.06% 0.0897 265.43)` | Mystification | white, 10.5 to 1 |
| 4 | `#2d4275` | `oklch(38.73% 0.0908 265.63)` | Deep Ocean Floor | white, 9.8 to 1 |
| 5 | `#32467a` | `oklch(40.50% 0.0918 266.43)` | Indigo Night | white, 9.1 to 1 |
| 6 | `#384a80` | `oklch(42.25% 0.0928 268.27)` | Expressionism | white, 8.4 to 1 |
| 7 | `#404e85` | `oklch(43.81% 0.0936 271.59)` | Dive In | white, 7.9 to 1 |
| 8 | `#495089` | `oklch(45.13% 0.0938 276.76)` | Twilight | white, 7.5 to 1 |
| 9 | `#53518b` | `oklch(46.32% 0.0932 283.58)` | Twilight | white, 7.2 to 1 |
| 10 | `#5d528c` | `oklch(47.43% 0.0924 291.62)` | Fine Purple | white, 6.9 to 1 |
| 11 | `#68528b` | `oklch(48.54% 0.0919 300.44)` | Zimidar | white, 6.6 to 1 |
| 12 | `#72538a` | `oklch(49.71% 0.0922 309.59)` | Ninja Princess | white, 6.3 to 1 |
| 13 | `#7d5488` | `oklch(51.01% 0.0939 318.65)` | Cleopatra’s Gown | white, 6 to 1 |
| 14 | `#885587` | `oklch(52.48% 0.0976 327.48)` | Purple Fluorite | white, 5.6 to 1 |
| 15 | `#955685` | `oklch(54.09% 0.1035 336.94)` | Àn Zǐ Purple | white, 5.3 to 1 |
| 16 | `#a25781` | `oklch(55.81% 0.1108 346.79)` | Feminism | white, 4.9 to 1 |
| 17 | `#af597b` | `oklch(57.59% 0.1186 356.62)` | Indian Pink | white, 4.6 to 1 |
| 18 | `#bb5b73` | `oklch(59.38% 0.1261 6.02)` | Candied Apple | black, 4.8 to 1 |
| 19 | `#c65e6a` | `oklch(61.16% 0.1323 14.61)` | Candy Drop | black, 5.2 to 1 |
| 20 | `#ce6363` | `oklch(62.89% 0.1365 22.01)` | Fuzzy Wuzzy | black, 5.5 to 1 |
| 21 | `#d5695c` | `oklch(64.60% 0.1392 28.27)` | Tory Red | black, 6 to 1 |
| 22 | `#db6f57` | `oklch(66.30% 0.1410 33.70)` | Dusty Orange | black, 6.4 to 1 |
| 23 | `#e17653` | `oklch(68.01% 0.1420 38.60)` | Potash | black, 6.8 to 1 |
| 24 | `#e57d50` | `oklch(69.72% 0.1423 43.26)` | Tangerine Flake | black, 7.3 to 1 |
| 25 | `#e9854d` | `oklch(71.44% 0.1422 47.97)` | Autumn Glimmer | black, 7.9 to 1 |
| 26 | `#ed8d4b` | `oklch(73.19% 0.1418 53.02)` | Poppy Glow | black, 8.4 to 1 |
| 27 | `#ef964a` | `oklch(75.11% 0.1406 58.65)` | Physalis | black, 9.1 to 1 |
| 28 | `#f1a04b` | `oklch(77.16% 0.1384 64.58)` | Osage Orange | black, 9.8 to 1 |
| 29 | `#f2ab4e` | `oklch(79.21% 0.1359 70.44)` | Artisans Gold | black, 10.6 to 1 |
| 30 | `#f2b454` | `oklch(81.10% 0.1333 75.83)` | Golden Hour | black, 11.4 to 1 |
| 31 | `#f2bd5a` | `oklch(82.70% 0.1310 80.37)` | Bee | black, 12.1 to 1 |
| 32 | `#f2c25e` | `oklch(83.86% 0.1295 83.67)` | Overjoy | black, 12.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #233767 0.0%, #25396a 3.2%, #293d6f 6.5%, #2d4275 9.7%, #32467a 12.9%, #384a80 16.1%, #404e85 19.4%, #495089 22.6%, #53518b 25.8%, #5d528c 29.0%, #68528b 32.3%, #72538a 35.5%, #7d5488 38.7%, #885587 41.9%, #955685 45.2%, #a25781 48.4%, #af597b 51.6%, #bb5b73 54.8%, #c65e6a 58.1%, #ce6363 61.3%, #d5695c 64.5%, #db6f57 67.7%, #e17653 71.0%, #e57d50 74.2%, #e9854d 77.4%, #ed8d4b 80.6%, #ef964a 83.9%, #f1a04b 87.1%, #f2ab4e 90.3%, #f2b454 93.5%, #f2bd5a 96.8%, #f2c25e 100.0%);
background: linear-gradient(180deg in oklch, oklch(34.65% 0.0882 265.08) 0.0%, oklch(35.66% 0.0888 265.39) 3.2%, oklch(37.06% 0.0897 265.43) 6.5%, oklch(38.73% 0.0908 265.63) 9.7%, oklch(40.50% 0.0918 266.43) 12.9%, oklch(42.25% 0.0928 268.27) 16.1%, oklch(43.81% 0.0936 271.59) 19.4%, oklch(45.13% 0.0938 276.76) 22.6%, oklch(46.32% 0.0932 283.58) 25.8%, oklch(47.43% 0.0924 291.62) 29.0%, oklch(48.54% 0.0919 300.44) 32.3%, oklch(49.71% 0.0922 309.59) 35.5%, oklch(51.01% 0.0939 318.65) 38.7%, oklch(52.48% 0.0976 327.48) 41.9%, oklch(54.09% 0.1035 336.94) 45.2%, oklch(55.81% 0.1108 346.79) 48.4%, oklch(57.59% 0.1186 356.62) 51.6%, oklch(59.38% 0.1261 6.02) 54.8%, oklch(61.16% 0.1323 14.61) 58.1%, oklch(62.89% 0.1365 22.01) 61.3%, oklch(64.60% 0.1392 28.27) 64.5%, oklch(66.30% 0.1410 33.70) 67.7%, oklch(68.01% 0.1420 38.60) 71.0%, oklch(69.72% 0.1423 43.26) 74.2%, oklch(71.44% 0.1422 47.97) 77.4%, oklch(73.19% 0.1418 53.02) 80.6%, oklch(75.11% 0.1406 58.65) 83.9%, oklch(77.16% 0.1384 64.58) 87.1%, oklch(79.21% 0.1359 70.44) 90.3%, oklch(81.10% 0.1333 75.83) 93.5%, oklch(82.70% 0.1310 80.37) 96.8%, oklch(83.86% 0.1295 83.67) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.346 | 0.088 | 265.1 |
| 2 | 0.441 | 0.094 | 272.5 |
| 3 | 0.516 | 0.095 | 322.1 |
| 4 | 0.622 | 0.135 | 379.2 |
| 5 | 0.728 | 0.142 | 412 |
| 6 | 0.839 | 0.13 | 443.7 |

## In these collections

- [Sky](https://grabient.com/sky)

## Other forms

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