# Bronze, mauve and burgundy multicolor palette

The Bronze, mauve and burgundy multicolor palette brings together orange, yellow, teal, blue, and red. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is red, and its lightest tone is yellow.

- Also called: Orange, gray, blue and dark purple radial gradient
- Seed: `kajXYdVbBBt2SRFak00zCJCzUUQooFc4A`
- Page: https://grabient.com/kajXYdVbBBt2SRFak00zCJCzUUQooFc4A?style=radialGradient&steps=21
- Drawn as: radial gradient, 21 steps, 90 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#be4812` | `oklch(55.51% 0.1626 40.78)` | Brick Orange | white, 5.1 to 1 |
| 2 | `#c4551c` | `oklch(58.36% 0.1574 43.43)` | Grieving Daylily | black, 4.6 to 1 |
| 3 | `#ce6629` | `oklch(62.43% 0.1496 47.35)` | Solar Ash | black, 5.5 to 1 |
| 4 | `#d37838` | `oklch(66.31% 0.1376 53.13)` | Marquis Orange | black, 6.5 to 1 |
| 5 | `#d0894a` | `oklch(69.07% 0.1177 60.35)` | Hazelnut Coffee | black, 7.3 to 1 |
| 6 | `#c89864` | `oklch(71.36% 0.0889 67.99)` | Burnt Pumpkin | black, 8.1 to 1 |
| 7 | `#bca47c` | `oklch(73.00% 0.0615 80.01)` | Tarnished Treasure | black, 8.7 to 1 |
| 8 | `#b0ac8a` | `oklch(73.78% 0.0462 101.12)` | Underhive Ash | black, 9 to 1 |
| 9 | `#9eb196` | `oklch(73.74% 0.0427 136.18)` | Nurture Green | black, 9.1 to 1 |
| 10 | `#8ab1a6` | `oklch(72.91% 0.0460 175.06)` | Silicate Green | black, 8.9 to 1 |
| 11 | `#7bacb2` | `oklch(71.26% 0.0524 204.58)` | Water Glitter | black, 8.4 to 1 |
| 12 | `#6ba5b5` | `oklch(68.71% 0.0644 218.38)` | Estuary Blue | black, 7.6 to 1 |
| 13 | `#549bb5` | `oklch(65.33% 0.0811 223.52)` | Steel Light Blue | black, 6.7 to 1 |
| 14 | `#3c8faf` | `oklch(61.30% 0.0926 226.93)` | Boston Blue | black, 5.7 to 1 |
| 15 | `#357fa2` | `oklch(56.52% 0.0904 231.90)` | Cendre Blue | black, 4.7 to 1 |
| 16 | `#336c8a` | `oklch(50.71% 0.0767 234.03)` | Faience | white, 5.7 to 1 |
| 17 | `#345a74` | `oklch(44.96% 0.0614 240.45)` | Express Blue | white, 7.3 to 1 |
| 18 | `#374966` | `oklch(40.34% 0.0538 259.62)` | Garnet Stone Blue | white, 9 to 1 |
| 19 | `#423858` | `oklch(36.58% 0.0539 297.57)` | Purple Plumeria | white, 10.8 to 1 |
| 20 | `#4a2b40` | `oklch(33.57% 0.0570 340.38)` | Purple Pennant | white, 12.2 to 1 |
| 21 | `#4b242a` | `oklch(31.50% 0.0593 10.49)` | Lees | white, 13.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #be4812 0.0%, #c4551c 5.0%, #ce6629 10.0%, #d37838 15.0%, #d0894a 20.0%, #c89864 25.0%, #bca47c 30.0%, #b0ac8a 35.0%, #9eb196 40.0%, #8ab1a6 45.0%, #7bacb2 50.0%, #6ba5b5 55.0%, #549bb5 60.0%, #3c8faf 65.0%, #357fa2 70.0%, #336c8a 75.0%, #345a74 80.0%, #374966 85.0%, #423858 90.0%, #4a2b40 95.0%, #4b242a 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(55.51% 0.1626 40.78) 0.0%, oklch(58.36% 0.1574 43.43) 5.0%, oklch(62.43% 0.1496 47.35) 10.0%, oklch(66.31% 0.1376 53.13) 15.0%, oklch(69.07% 0.1177 60.35) 20.0%, oklch(71.36% 0.0889 67.99) 25.0%, oklch(73.00% 0.0615 80.01) 30.0%, oklch(73.78% 0.0462 101.12) 35.0%, oklch(73.74% 0.0427 136.18) 40.0%, oklch(72.91% 0.0460 175.06) 45.0%, oklch(71.26% 0.0524 204.58) 50.0%, oklch(68.71% 0.0644 218.38) 55.0%, oklch(65.33% 0.0811 223.52) 60.0%, oklch(61.30% 0.0926 226.93) 65.0%, oklch(56.52% 0.0904 231.90) 70.0%, oklch(50.71% 0.0767 234.03) 75.0%, oklch(44.96% 0.0614 240.45) 80.0%, oklch(40.34% 0.0538 259.62) 85.0%, oklch(36.58% 0.0539 297.57) 90.0%, oklch(33.57% 0.0570 340.38) 95.0%, oklch(31.50% 0.0593 10.49) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.555 | 0.163 | 40.8 |
| 2 | 0.673 | 0.132 | 55.6 |
| 3 | 0.736 | 0.05 | 92.6 |
| 4 | 0.713 | 0.052 | 204.6 |
| 5 | 0.598 | 0.094 | 228.9 |
| 6 | 0.417 | 0.055 | 251.1 |
| 7 | 0.315 | 0.059 | 370.5 |

## In these collections

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

## Other forms

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