# Ochre and mauve navy and gold palette

The Ochre and mauve navy and gold palette brings together blue, gray, orange, and light orange. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is light orange.

- Also called: Navy, tan and gray linear swatches
- Seed: `kWVyq9TAW_Fekq1yE0CugtQQ`
- Page: https://grabient.com/kWVyq9TAW_Fekq1yE0CugtQQ?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 8.6 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 | `#2a3857` | `oklch(34.25% 0.0579 265.78)` | Mediaeval Blue | white, 11.7 to 1 |
| 2 | `#7a8089` | `oklch(59.84% 0.0152 258.38)` | Carbon Footprint | black, 5.2 to 1 |
| 3 | `#b8964d` | `oklch(68.90% 0.1006 84.02)` | Alluvial Inca | black, 7.4 to 1 |
| 4 | `#eaddb6` | `oklch(89.76% 0.0524 90.36)` | Jodhpurs | black, 15.4 to 1 |
| 5 | `#465b65` | `oklch(45.67% 0.0303 228.79)` | Blue Tapestry | white, 7.1 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2a3857 0.000% 20.000%, #7a8089 20.000% 40.000%, #b8964d 40.000% 60.000%, #eaddb6 60.000% 80.000%, #465b65 80.000% 100.000%);
background: linear-gradient(90deg, oklch(34.25% 0.0579 265.78) 0.000% 20.000%, oklch(59.84% 0.0152 258.38) 20.000% 40.000%, oklch(68.90% 0.1006 84.02) 40.000% 60.000%, oklch(89.76% 0.0524 90.36) 60.000% 80.000%, oklch(45.67% 0.0303 228.79) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.343 | 0.058 | 265.8 |
| 2 | 0.598 | 0.015 | 258.4 |
| 3 | 0.689 | 0.101 | 84 |
| 4 | 0.898 | 0.052 | 90.4 |
| 5 | 0.457 | 0.03 | 228.8 |

## In these collections

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

## Other forms

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