# Navy, mauve and bronze dark multicolor palette

The Navy, mauve and bronze dark multicolor palette brings together dark blue, purple, orange, gold, and yellow. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is gold.

- Also called: Tritone navy, purple and brown linear gradient
- Seed: `kYNCPDI5pAy6VQs6k80SaNDbGPwQ`
- Page: https://grabient.com/kYNCPDI5pAy6VQs6k80SaNDbGPwQ?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 4.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 | `#11152d` | `oklch(20.47% 0.0482 274.22)` | Liberty Blue | white, 18 to 1 |
| 2 | `#121630` | `oklch(21.24% 0.0511 274.81)` | Lost in Sadness | white, 17.7 to 1 |
| 3 | `#141835` | `oklch(22.29% 0.0554 275.46)` | Lost in Sadness | white, 17.3 to 1 |
| 4 | `#171a3a` | `oklch(23.54% 0.0603 276.30)` | Nightwalker | white, 16.8 to 1 |
| 5 | `#1a1d40` | `oklch(24.91% 0.0651 277.44)` | Konkikyō Blue | white, 16.2 to 1 |
| 6 | `#1e2045` | `oklch(26.32% 0.0691 279.01)` | Konkikyō Blue | white, 15.6 to 1 |
| 7 | `#23224a` | `oklch(27.69% 0.0714 281.12)` | Black Market | white, 14.9 to 1 |
| 8 | `#27254d` | `oklch(29.01% 0.0716 283.30)` | Pāua | white, 14.3 to 1 |
| 9 | `#2b2950` | `oklch(30.36% 0.0701 284.84)` | Cardinal Mauve | white, 13.7 to 1 |
| 10 | `#302c53` | `oklch(31.74% 0.0674 286.60)` | Purple Noir | white, 13 to 1 |
| 11 | `#353054` | `oklch(33.15% 0.0642 289.44)` | Astral Aura | white, 12.3 to 1 |
| 12 | `#3b3356` | `oklch(34.58% 0.0611 294.24)` | Naggaroth Night | white, 11.7 to 1 |
| 13 | `#433657` | `oklch(36.03% 0.0586 301.87)` | Purple Plumeria | white, 11 to 1 |
| 14 | `#4c3856` | `oklch(37.49% 0.0569 313.58)` | Purple Plumeria | white, 10.4 to 1 |
| 15 | `#563a53` | `oklch(38.94% 0.0550 330.41)` | Velvet Plum | white, 9.9 to 1 |
| 16 | `#5f3d4d` | `oklch(40.40% 0.0531 350.48)` | Dark Potion | white, 9.3 to 1 |
| 17 | `#664145` | `oklch(41.89% 0.0517 11.68)` | Jazzberry Jam | white, 8.7 to 1 |
| 18 | `#6a473f` | `oklch(43.44% 0.0512 31.88)` | Deep Cherrywood | white, 8.1 to 1 |
| 19 | `#6e4d3b` | `oklch(45.05% 0.0523 48.99)` | Tuscan Brown | white, 7.5 to 1 |
| 20 | `#71533a` | `oklch(46.82% 0.0554 61.13)` | Mud | white, 6.9 to 1 |
| 21 | `#785b39` | `oklch(49.18% 0.0621 69.46)` | Nut Oil | white, 6.2 to 1 |
| 22 | `#816337` | `oklch(51.87% 0.0713 75.17)` | Dirt Brown | white, 5.5 to 1 |
| 23 | `#896a35` | `oklch(54.49% 0.0811 79.02)` | Kimirucha Brown | white, 5 to 1 |
| 24 | `#917132` | `oklch(56.62% 0.0897 81.78)` | Marshy Green | black, 4.5 to 1 |
| 25 | `#94752f` | `oklch(57.84% 0.0953 84.22)` | Mode Beige | black, 4.8 to 1 |
| 26 | `#92752e` | `oklch(57.72% 0.0962 87.08)` | Aubergine Green | black, 4.8 to 1 |
| 27 | `#89712d` | `oklch(55.86% 0.0913 89.72)` | Corn Harvest | white, 4.6 to 1 |
| 28 | `#7c692d` | `oklch(52.67% 0.0823 91.71)` | Brazen Brass | white, 5.3 to 1 |
| 29 | `#6d5f2d` | `oklch(48.76% 0.0711 93.20)` | Saguaro | white, 6.3 to 1 |
| 30 | `#5f542c` | `oklch(44.76% 0.0595 94.32)` | Tucumán Green | white, 7.5 to 1 |
| 31 | `#534b2b` | `oklch(41.29% 0.0494 95.20)` | Codium Fragile | white, 8.7 to 1 |
| 32 | `#4c452a` | `oklch(38.98% 0.0427 95.98)` | Tin Bitz | white, 9.5 to 1 |

## CSS

```css
background: linear-gradient(180deg, #11152d 0.0%, #121630 3.2%, #141835 6.5%, #171a3a 9.7%, #1a1d40 12.9%, #1e2045 16.1%, #23224a 19.4%, #27254d 22.6%, #2b2950 25.8%, #302c53 29.0%, #353054 32.3%, #3b3356 35.5%, #433657 38.7%, #4c3856 41.9%, #563a53 45.2%, #5f3d4d 48.4%, #664145 51.6%, #6a473f 54.8%, #6e4d3b 58.1%, #71533a 61.3%, #785b39 64.5%, #816337 67.7%, #896a35 71.0%, #917132 74.2%, #94752f 77.4%, #92752e 80.6%, #89712d 83.9%, #7c692d 87.1%, #6d5f2d 90.3%, #5f542c 93.5%, #534b2b 96.8%, #4c452a 100.0%);
background: linear-gradient(180deg in oklch, oklch(20.47% 0.0482 274.22) 0.0%, oklch(21.24% 0.0511 274.81) 3.2%, oklch(22.29% 0.0554 275.46) 6.5%, oklch(23.54% 0.0603 276.30) 9.7%, oklch(24.91% 0.0651 277.44) 12.9%, oklch(26.32% 0.0691 279.01) 16.1%, oklch(27.69% 0.0714 281.12) 19.4%, oklch(29.01% 0.0716 283.30) 22.6%, oklch(30.36% 0.0701 284.84) 25.8%, oklch(31.74% 0.0674 286.60) 29.0%, oklch(33.15% 0.0642 289.44) 32.3%, oklch(34.58% 0.0611 294.24) 35.5%, oklch(36.03% 0.0586 301.87) 38.7%, oklch(37.49% 0.0569 313.58) 41.9%, oklch(38.94% 0.0550 330.41) 45.2%, oklch(40.40% 0.0531 350.48) 48.4%, oklch(41.89% 0.0517 11.68) 51.6%, oklch(43.44% 0.0512 31.88) 54.8%, oklch(45.05% 0.0523 48.99) 58.1%, oklch(46.82% 0.0554 61.13) 61.3%, oklch(49.18% 0.0621 69.46) 64.5%, oklch(51.87% 0.0713 75.17) 67.7%, oklch(54.49% 0.0811 79.02) 71.0%, oklch(56.62% 0.0897 81.78) 74.2%, oklch(57.84% 0.0953 84.22) 77.4%, oklch(57.72% 0.0962 87.08) 80.6%, oklch(55.86% 0.0913 89.72) 83.9%, oklch(52.67% 0.0823 91.71) 87.1%, oklch(48.76% 0.0711 93.20) 90.3%, oklch(44.76% 0.0595 94.32) 93.5%, oklch(41.29% 0.0494 95.20) 96.8%, oklch(38.98% 0.0427 95.98) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.205 | 0.048 | 274.2 |
| 2 | 0.28 | 0.072 | 281.6 |
| 3 | 0.366 | 0.058 | 305.9 |
| 4 | 0.461 | 0.054 | 416.9 |
| 5 | 0.579 | 0.096 | 446.5 |
| 6 | 0.39 | 0.043 | 456 |

## In these collections

- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)

## Other forms

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