# Ochre and aubergine navy and gold palette

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

- Also called: Navy, purple, yellow and brown angular gradient
- Seed: `kcMCnAJaa_7QaQJRo1HYz3Bey1wPHJj0JReyQ`
- Page: https://grabient.com/kcMCnAJaa_7QaQJRo1HYz3Bey1wPHJj0JReyQ?style=angularGradient&steps=32&angle=225
- Drawn as: angular gradient, 32 steps, 225 degrees
- Kinds: light center, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 12.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 | `#0a112c` | `oklch(18.90% 0.0565 270.00)` | Squid’s Ink | white, 18.6 to 1 |
| 2 | `#0c1435` | `oklch(20.56% 0.0660 269.90)` | Liberty Blue | white, 18 to 1 |
| 3 | `#0f1842` | `oklch(22.93% 0.0802 269.70)` | Deadly Depths | white, 17.1 to 1 |
| 4 | `#121d50` | `oklch(25.67% 0.0946 269.61)` | Dark Soul | white, 15.9 to 1 |
| 5 | `#17235d` | `oklch(28.42% 0.1044 269.79)` | Fibonacci Blue | white, 14.7 to 1 |
| 6 | `#1c2964` | `oklch(30.88% 0.1053 269.37)` | Schiava Blue | white, 13.5 to 1 |
| 7 | `#1d3167` | `oklch(33.04% 0.0977 265.56)` | Passionate Blue | white, 12.3 to 1 |
| 8 | `#223968` | `oklch(35.28% 0.0862 262.49)` | Blue Depths | white, 11.2 to 1 |
| 9 | `#2e416b` | `oklch(37.98% 0.0759 265.00)` | Nightlife | white, 10.1 to 1 |
| 10 | `#434772` | `oklch(41.52% 0.0715 278.03)` | Palace Arms | white, 8.7 to 1 |
| 11 | `#644e79` | `oklch(46.33% 0.0727 307.34)` | Imperial Palace | white, 7.2 to 1 |
| 12 | `#8a5671` | `oklch(51.99% 0.0769 347.37)` | Indian Silk | white, 5.7 to 1 |
| 13 | `#a6665d` | `oklch(57.77% 0.0840 28.29)` | Mudbrick | black, 4.6 to 1 |
| 14 | `#b27b4c` | `oklch(62.92% 0.0934 60.27)` | Rocky Racoon | black, 5.8 to 1 |
| 15 | `#ba8c43` | `oklch(67.00% 0.1065 76.34)` | Sun Valley Vista | black, 6.9 to 1 |
| 16 | `#c79735` | `oklch(70.48% 0.1256 81.57)` | Crispy Gold | black, 7.9 to 1 |
| 17 | `#d89e1b` | `oklch(73.51% 0.1459 80.84)` | Glitzy Gold | black, 8.8 to 1 |
| 18 | `#e7a300` | `oklch(76.19% 0.1584 78.77)` | Flambrosia | black, 9.6 to 1 |
| 19 | `#f0ab00` | `oklch(78.69% 0.1631 79.80)` | Welcoming Wasp | black, 10.5 to 1 |
| 20 | `#f8b700` | `oklch(81.69% 0.1680 82.82)` | Blue Angels Yellow | black, 11.7 to 1 |
| 21 | `#fcc327` | `oklch(84.58% 0.1652 85.81)` | Ripe Mango | black, 12.9 to 1 |
| 22 | `#fdcb40` | `oklch(86.29% 0.1569 87.78)` | Golden Handshake | black, 13.7 to 1 |
| 23 | `#f9ca4c` | `oklch(85.75% 0.1485 87.76)` | Go Bananas | black, 13.5 to 1 |
| 24 | `#ecbd49` | `oklch(82.01% 0.1404 86.26)` | Golden Glam | black, 11.9 to 1 |
| 25 | `#d6a83f` | `oklch(75.53% 0.1308 84.30)` | Sunny Disposition | black, 9.5 to 1 |
| 26 | `#be8e32` | `oklch(67.68% 0.1205 79.90)` | Arnica | black, 7.1 to 1 |
| 27 | `#a9732a` | `oklch(59.85% 0.1103 71.05)` | Hot Toddy | black, 5.1 to 1 |
| 28 | `#985b2d` | `oklch(53.09% 0.1006 55.18)` | Chilli Con Carne | white, 5.4 to 1 |
| 29 | `#83433b` | `oklch(46.12% 0.0902 28.74)` | Outrageous | white, 7.4 to 1 |
| 30 | `#673246` | `oklch(39.25% 0.0799 357.32)` | Wine Dregs | white, 9.9 to 1 |
| 31 | `#492848` | `oklch(33.31% 0.0710 328.05)` | Murasaki | white, 12.4 to 1 |
| 32 | `#352244` | `oklch(29.13% 0.0648 308.04)` | Power Outage | white, 14.3 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #0a112c 0.0%, #0c1435 3.2%, #0f1842 6.5%, #121d50 9.7%, #17235d 12.9%, #1c2964 16.1%, #1d3167 19.4%, #223968 22.6%, #2e416b 25.8%, #434772 29.0%, #644e79 32.3%, #8a5671 35.5%, #a6665d 38.7%, #b27b4c 41.9%, #ba8c43 45.2%, #c79735 48.4%, #d89e1b 51.6%, #e7a300 54.8%, #f0ab00 58.1%, #f8b700 61.3%, #fcc327 64.5%, #fdcb40 67.7%, #f9ca4c 71.0%, #ecbd49 74.2%, #d6a83f 77.4%, #be8e32 80.6%, #a9732a 83.9%, #985b2d 87.1%, #83433b 90.3%, #673246 93.5%, #492848 96.8%, #352244 100.0%);
background: conic-gradient(from 225deg in oklch, oklch(18.90% 0.0565 270.00) 0.0%, oklch(20.56% 0.0660 269.90) 3.2%, oklch(22.93% 0.0802 269.70) 6.5%, oklch(25.67% 0.0946 269.61) 9.7%, oklch(28.42% 0.1044 269.79) 12.9%, oklch(30.88% 0.1053 269.37) 16.1%, oklch(33.04% 0.0977 265.56) 19.4%, oklch(35.28% 0.0862 262.49) 22.6%, oklch(37.98% 0.0759 265.00) 25.8%, oklch(41.52% 0.0715 278.03) 29.0%, oklch(46.33% 0.0727 307.34) 32.3%, oklch(51.99% 0.0769 347.37) 35.5%, oklch(57.77% 0.0840 28.29) 38.7%, oklch(62.92% 0.0934 60.27) 41.9%, oklch(67.00% 0.1065 76.34) 45.2%, oklch(70.48% 0.1256 81.57) 48.4%, oklch(73.51% 0.1459 80.84) 51.6%, oklch(76.19% 0.1584 78.77) 54.8%, oklch(78.69% 0.1631 79.80) 58.1%, oklch(81.69% 0.1680 82.82) 61.3%, oklch(84.58% 0.1652 85.81) 64.5%, oklch(86.29% 0.1569 87.78) 67.7%, oklch(85.75% 0.1485 87.76) 71.0%, oklch(82.01% 0.1404 86.26) 74.2%, oklch(75.53% 0.1308 84.30) 77.4%, oklch(67.68% 0.1205 79.90) 80.6%, oklch(59.85% 0.1103 71.05) 83.9%, oklch(53.09% 0.1006 55.18) 87.1%, oklch(46.12% 0.0902 28.74) 90.3%, oklch(39.25% 0.0799 357.32) 93.5%, oklch(33.31% 0.0710 328.05) 96.8%, oklch(29.13% 0.0648 308.04) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.189 | 0.056 | 270 |
| 2 | 0.295 | 0.106 | 270 |
| 3 | 0.409 | 0.072 | 275.3 |
| 4 | 0.642 | 0.096 | 426.4 |
| 5 | 0.78 | 0.169 | 439.1 |
| 6 | 0.854 | 0.147 | 447.5 |
| 7 | 0.559 | 0.105 | 423.2 |
| 8 | 0.291 | 0.065 | 308 |

## In these collections

- [Navy and gold](https://grabient.com/navy-and-gold)

## Other forms

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