# Crimson maroon palette

The Crimson maroon palette brings together red and dark red. The colors span a moderate lightness range, combining moderate color with gentle contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark red, and its lightest tone is red.

- Also called: Seamless warm brown and maroon angular gradient
- Seed: `kWikgTsCG_KCWv2xrEFRSdAA`
- Page: https://grabient.com/kWikgTsCG_KCWv2xrEFRSdAA?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: warm, seamless
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3 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 | `#a1574f` | `oklch(54.33% 0.0992 27.42)` | Volcanic | white, 5.2 to 1 |
| 2 | `#9d534c` | `oklch(52.97% 0.0988 26.90)` | Bravado Red | white, 5.5 to 1 |
| 3 | `#974e48` | `oklch(51.13% 0.0985 26.18)` | Rembrandt Ruby | white, 6 to 1 |
| 4 | `#904843` | `oklch(48.93% 0.0981 25.33)` | Rojo Oxide | white, 6.5 to 1 |
| 5 | `#88413e` | `oklch(46.52% 0.0976 24.40)` | Aged Brandy | white, 7.3 to 1 |
| 6 | `#803a38` | `oklch(44.01% 0.0968 23.43)` | Wild Berry | white, 8.1 to 1 |
| 7 | `#773433` | `oklch(41.56% 0.0956 22.50)` | Chocolate Bar | white, 9 to 1 |
| 8 | `#702e2f` | `oklch(39.29% 0.0939 21.64)` | Auburn | white, 9.9 to 1 |
| 9 | `#69292b` | `oklch(37.32% 0.0917 20.91)` | Devil’s Lip | white, 10.7 to 1 |
| 10 | `#612528` | `oklch(35.30% 0.0878 20.11)` | Blackberry Pie | white, 11.6 to 1 |
| 11 | `#592124` | `oklch(33.17% 0.0826 19.23)` | Burnt Crimson | white, 12.6 to 1 |
| 12 | `#501d21` | `oklch(31.06% 0.0767 18.35)` | Vino Tinto | white, 13.5 to 1 |
| 13 | `#491a1e` | `oklch(29.12% 0.0709 17.57)` | Vino Tinto | white, 14.4 to 1 |
| 14 | `#42181c` | `oklch(27.48% 0.0660 16.97)` | Bruised Plum | white, 15.2 to 1 |
| 15 | `#3e161a` | `oklch(26.28% 0.0626 16.64)` | Rustic Red | white, 15.7 to 1 |
| 16 | `#3c1518` | `oklch(25.65% 0.0615 16.68)` | Dark Sienna | white, 16 to 1 |
| 17 | `#3d1418` | `oklch(25.73% 0.0634 17.18)` | Dark Sienna | white, 16 to 1 |
| 18 | `#411418` | `oklch(26.54% 0.0689 18.27)` | English Breakfast | white, 15.6 to 1 |
| 19 | `#481518` | `oklch(27.95% 0.0771 19.80)` | Minotaur Hide | white, 15 to 1 |
| 20 | `#501619` | `oklch(29.79% 0.0868 21.62)` | Mama Africa | white, 14.2 to 1 |
| 21 | `#5a1819` | `oklch(31.92% 0.0970 23.54)` | Spinel Red | white, 13.2 to 1 |
| 22 | `#651a19` | `oklch(34.18% 0.1067 25.40)` | Cherrywood | white, 12.2 to 1 |
| 23 | `#6e1d1a` | `oklch(36.43% 0.1149 27.03)` | Persian Plum | white, 11.2 to 1 |
| 24 | `#77211b` | `oklch(38.50% 0.1204 28.26)` | Incubus | white, 10.3 to 1 |
| 25 | `#7e261e` | `oklch(40.45% 0.1228 29.00)` | Posh Red | white, 9.5 to 1 |
| 26 | `#852d23` | `oklch(42.61% 0.1228 29.45)` | Chestnut Plum | white, 8.7 to 1 |
| 27 | `#8c352a` | `oklch(44.90% 0.1212 29.68)` | Kiriume Red | white, 7.9 to 1 |
| 28 | `#923d31` | `oklch(47.21% 0.1185 29.73)` | Carmen Miranda | white, 7.1 to 1 |
| 29 | `#984439` | `oklch(49.41% 0.1152 29.69)` | Morocco Red | white, 6.5 to 1 |
| 30 | `#9d4b40` | `oklch(51.41% 0.1119 29.60)` | Safflower Kite | white, 5.9 to 1 |
| 31 | `#a25146` | `oklch(53.09% 0.1091 29.53)` | BBQ | white, 5.5 to 1 |
| 32 | `#a5554a` | `oklch(54.33% 0.1075 29.54)` | Crail | white, 5.2 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #a1574f 0.0%, #9d534c 3.2%, #974e48 6.5%, #904843 9.7%, #88413e 12.9%, #803a38 16.1%, #773433 19.4%, #702e2f 22.6%, #69292b 25.8%, #612528 29.0%, #592124 32.3%, #501d21 35.5%, #491a1e 38.7%, #42181c 41.9%, #3e161a 45.2%, #3c1518 48.4%, #3d1418 51.6%, #411418 54.8%, #481518 58.1%, #501619 61.3%, #5a1819 64.5%, #651a19 67.7%, #6e1d1a 71.0%, #77211b 74.2%, #7e261e 77.4%, #852d23 80.6%, #8c352a 83.9%, #923d31 87.1%, #984439 90.3%, #9d4b40 93.5%, #a25146 96.8%, #a5554a 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(54.33% 0.0992 27.42) 0.0%, oklch(52.97% 0.0988 26.90) 3.2%, oklch(51.13% 0.0985 26.18) 6.5%, oklch(48.93% 0.0981 25.33) 9.7%, oklch(46.52% 0.0976 24.40) 12.9%, oklch(44.01% 0.0968 23.43) 16.1%, oklch(41.56% 0.0956 22.50) 19.4%, oklch(39.29% 0.0939 21.64) 22.6%, oklch(37.32% 0.0917 20.91) 25.8%, oklch(35.30% 0.0878 20.11) 29.0%, oklch(33.17% 0.0826 19.23) 32.3%, oklch(31.06% 0.0767 18.35) 35.5%, oklch(29.12% 0.0709 17.57) 38.7%, oklch(27.48% 0.0660 16.97) 41.9%, oklch(26.28% 0.0626 16.64) 45.2%, oklch(25.65% 0.0615 16.68) 48.4%, oklch(25.73% 0.0634 17.18) 51.6%, oklch(26.54% 0.0689 18.27) 54.8%, oklch(27.95% 0.0771 19.80) 58.1%, oklch(29.79% 0.0868 21.62) 61.3%, oklch(31.92% 0.0970 23.54) 64.5%, oklch(34.18% 0.1067 25.40) 67.7%, oklch(36.43% 0.1149 27.03) 71.0%, oklch(38.50% 0.1204 28.26) 74.2%, oklch(40.45% 0.1228 29.00) 77.4%, oklch(42.61% 0.1228 29.45) 80.6%, oklch(44.90% 0.1212 29.68) 83.9%, oklch(47.21% 0.1185 29.73) 87.1%, oklch(49.41% 0.1152 29.69) 90.3%, oklch(51.41% 0.1119 29.60) 93.5%, oklch(53.09% 0.1091 29.53) 96.8%, oklch(54.33% 0.1075 29.54) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0.099 | 27.4 |
| 2 | 0.378 | 0.092 | 21.1 |
| 3 | 0.256 | 0.062 | 16.9 |
| 4 | 0.39 | 0.121 | 28.5 |
| 5 | 0.543 | 0.107 | 29.5 |

## In these collections

- [Maroon color palette](https://grabient.com/maroon-color-palette)

## Other forms

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