# Navy, crimson and gold afro bohemian palette

The Navy, crimson and gold afro bohemian palette brings together blue, red, orange, and gold. 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 gold.

- Also called: Navy, purple, red and beige linear swatches
- Seed: `kWTS7MOBvAMIuzBaJsSbhFBY`
- Page: https://grabient.com/kWTS7MOBvAMIuzBaJsSbhFBY?style=linearSwatches&steps=5&angle=315
- Drawn as: linear swatches, 5 steps, 315 degrees
- Kinds: dark to light
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.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 | `#2d294d` | `oklch(30.31% 0.0634 286.88)` | Cardinal Mauve | white, 13.7 to 1 |
| 2 | `#524b7a` | `oklch(44.09% 0.0758 288.99)` | Red Cabbage | white, 7.9 to 1 |
| 3 | `#a64737` | `oklch(51.97% 0.1281 31.49)` | Barbarossa | white, 5.8 to 1 |
| 4 | `#cb9552` | `oklch(70.87% 0.1061 70.59)` | Apple Fritter | black, 7.9 to 1 |
| 5 | `#e2d1b1` | `oklch(86.61% 0.0469 83.27)` | Corinthian Pillar | black, 13.9 to 1 |

## CSS

```css
background: linear-gradient(315deg, #2d294d 0.000% 20.000%, #524b7a 20.000% 40.000%, #a64737 40.000% 60.000%, #cb9552 60.000% 80.000%, #e2d1b1 80.000% 100.000%);
background: linear-gradient(315deg, oklch(30.31% 0.0634 286.88) 0.000% 20.000%, oklch(44.09% 0.0758 288.99) 20.000% 40.000%, oklch(51.97% 0.1281 31.49) 40.000% 60.000%, oklch(70.87% 0.1061 70.59) 60.000% 80.000%, oklch(86.61% 0.0469 83.27) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.303 | 0.063 | 286.9 |
| 2 | 0.441 | 0.076 | 289 |
| 3 | 0.52 | 0.128 | 391.5 |
| 4 | 0.709 | 0.106 | 430.6 |
| 5 | 0.866 | 0.047 | 443.3 |

## In these collections

- [Afro bohemian](https://grabient.com/afro-bohemian)

## Other forms

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