# Burgundy and blue color palette

The Burgundy and blue color palette brings together dark red, red, purple, blue, light gray, off-white, and gray. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is dark red, and its lightest tone is off-white.

- Also called: Maroon to gray linear gradient
- Seed: `kaTDgHMx9ALcLuVJDrh5ge-3kCvvVB0GA`
- Page: https://grabient.com/kaTDgHMx9ALcLuVJDrh5ge-3kCvvVB0GA?steps=32&angle=180
- Drawn as: linear gradient, 32 steps, 180 degrees
- Kinds: neutral
- Hues: two-hue
- Contrast of its darkest and lightest colors: 12.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 | `#4d1a25` | `oklch(29.92% 0.0772 9.84)` | Vino Tinto | white, 14.1 to 1 |
| 2 | `#521d27` | `oklch(31.37% 0.0792 11.00)` | Vino Tinto | white, 13.4 to 1 |
| 3 | `#59212a` | `oklch(33.46% 0.0826 13.18)` | Burnt Crimson | white, 12.4 to 1 |
| 4 | `#62272e` | `oklch(35.84% 0.0859 15.07)` | Blackberry Pie | white, 11.4 to 1 |
| 5 | `#692c33` | `oklch(38.12% 0.0876 15.37)` | Lovestruck | white, 10.4 to 1 |
| 6 | `#6e323a` | `oklch(39.93% 0.0861 12.77)` | Chestnut Red | white, 9.6 to 1 |
| 7 | `#6e3643` | `oklch(40.95% 0.0796 6.30)` | Catawba | white, 9.2 to 1 |
| 8 | `#693b4c` | `oklch(41.35% 0.0684 356.68)` | Crushed Violets | white, 9 to 1 |
| 9 | `#623f53` | `oklch(41.53% 0.0552 345.00)` | Dark Potion | white, 8.8 to 1 |
| 10 | `#5b4457` | `oklch(41.89% 0.0427 332.36)` | Polka Dot Plum | white, 8.6 to 1 |
| 11 | `#584a5b` | `oklch(42.81% 0.0335 319.88)` | Deep Merlot | white, 8.3 to 1 |
| 12 | `#585061` | `oklch(44.53% 0.0299 307.74)` | Napa Grape | white, 7.6 to 1 |
| 13 | `#5b576a` | `oklch(46.76% 0.0307 294.14)` | Ripe Berry | white, 6.9 to 1 |
| 14 | `#5d6075` | `oklch(49.40% 0.0340 280.20)` | Men’s Night | white, 6.1 to 1 |
| 15 | `#606a81` | `oklch(52.40% 0.0377 267.23)` | Clooney | white, 5.4 to 1 |
| 16 | `#65758b` | `oklch(55.72% 0.0400 256.58)` | Always Indigo | white, 4.7 to 1 |
| 17 | `#6d8195` | `oklch(59.38% 0.0392 249.49)` | Grey Blueberry | black, 5.2 to 1 |
| 18 | `#7a8ea0` | `oklch(63.71% 0.0362 245.81)` | Lucid Blue | black, 6.2 to 1 |
| 19 | `#8a9cad` | `oklch(68.45% 0.0321 244.41)` | Blank Stare | black, 7.4 to 1 |
| 20 | `#9aabb9` | `oklch(73.23% 0.0275 244.12)` | Blue Fog | black, 8.8 to 1 |
| 21 | `#aab8c4` | `oklch(77.69% 0.0231 243.82)` | Overcast Sky | black, 10.4 to 1 |
| 22 | `#b8c5cf` | `oklch(81.59% 0.0196 242.42)` | Blue Dolphin | black, 11.8 to 1 |
| 23 | `#c7d2da` | `oklch(85.80% 0.0161 240.23)` | Serene Setting | black, 13.6 to 1 |
| 24 | `#d7dfe6` | `oklch(90.03% 0.0126 237.90)` | Blustery Day | black, 15.6 to 1 |
| 25 | `#e4ebef` | `oklch(93.48% 0.0096 235.90)` | Blizzard | black, 17.3 to 1 |
| 26 | `#ebf1f4` | `oklch(95.41% 0.0076 234.67)` | Powder White | black, 18.3 to 1 |
| 27 | `#eaeff2` | `oklch(95.00% 0.0069 234.69)` | Distant Wind Chime | black, 18.1 to 1 |
| 28 | `#dde3e7` | `oklch(91.25% 0.0082 236.45)` | Wind Blown | black, 16.2 to 1 |
| 29 | `#c8cfd4` | `oklch(85.00% 0.0109 239.47)` | Dawn’s Early Light | black, 13.3 to 1 |
| 30 | `#afb8bf` | `oklch(77.83% 0.0142 242.98)` | Grey Pearl Sand | black, 10.4 to 1 |
| 31 | `#9aa4ad` | `oklch(71.29% 0.0173 246.19)` | Rainmaster | black, 8.2 to 1 |
| 32 | `#8c96a1` | `oklch(66.93% 0.0193 248.32)` | Wet Seal | black, 7 to 1 |

## CSS

```css
background: linear-gradient(180deg, #4d1a25 0.0%, #521d27 3.2%, #59212a 6.5%, #62272e 9.7%, #692c33 12.9%, #6e323a 16.1%, #6e3643 19.4%, #693b4c 22.6%, #623f53 25.8%, #5b4457 29.0%, #584a5b 32.3%, #585061 35.5%, #5b576a 38.7%, #5d6075 41.9%, #606a81 45.2%, #65758b 48.4%, #6d8195 51.6%, #7a8ea0 54.8%, #8a9cad 58.1%, #9aabb9 61.3%, #aab8c4 64.5%, #b8c5cf 67.7%, #c7d2da 71.0%, #d7dfe6 74.2%, #e4ebef 77.4%, #ebf1f4 80.6%, #eaeff2 83.9%, #dde3e7 87.1%, #c8cfd4 90.3%, #afb8bf 93.5%, #9aa4ad 96.8%, #8c96a1 100.0%);
background: linear-gradient(180deg in oklch, oklch(29.92% 0.0772 9.84) 0.0%, oklch(31.37% 0.0792 11.00) 3.2%, oklch(33.46% 0.0826 13.18) 6.5%, oklch(35.84% 0.0859 15.07) 9.7%, oklch(38.12% 0.0876 15.37) 12.9%, oklch(39.93% 0.0861 12.77) 16.1%, oklch(40.95% 0.0796 6.30) 19.4%, oklch(41.35% 0.0684 356.68) 22.6%, oklch(41.53% 0.0552 345.00) 25.8%, oklch(41.89% 0.0427 332.36) 29.0%, oklch(42.81% 0.0335 319.88) 32.3%, oklch(44.53% 0.0299 307.74) 35.5%, oklch(46.76% 0.0307 294.14) 38.7%, oklch(49.40% 0.0340 280.20) 41.9%, oklch(52.40% 0.0377 267.23) 45.2%, oklch(55.72% 0.0400 256.58) 48.4%, oklch(59.38% 0.0392 249.49) 51.6%, oklch(63.71% 0.0362 245.81) 54.8%, oklch(68.45% 0.0321 244.41) 58.1%, oklch(73.23% 0.0275 244.12) 61.3%, oklch(77.69% 0.0231 243.82) 64.5%, oklch(81.59% 0.0196 242.42) 67.7%, oklch(85.80% 0.0161 240.23) 71.0%, oklch(90.03% 0.0126 237.90) 74.2%, oklch(93.48% 0.0096 235.90) 77.4%, oklch(95.41% 0.0076 234.67) 80.6%, oklch(95.00% 0.0069 234.69) 83.9%, oklch(91.25% 0.0082 236.45) 87.1%, oklch(85.00% 0.0109 239.47) 90.3%, oklch(77.83% 0.0142 242.98) 93.5%, oklch(71.29% 0.0173 246.19) 96.8%, oklch(66.93% 0.0193 248.32) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.299 | 0.077 | 9.8 |
| 2 | 0.402 | 0.085 | 12 |
| 3 | 0.433 | 0.032 | -44.1 |
| 4 | 0.575 | 0.04 | -107.5 |
| 5 | 0.803 | 0.021 | -117 |
| 6 | 0.953 | 0.007 | -125.4 |
| 7 | 0.669 | 0.019 | -111.7 |

## In these collections

- [Silver gradients](https://grabient.com/silver-gradients)
- [Desktop wallpaper gradients](https://grabient.com/desktop-wallpaper-gradients)

## Other forms

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