# Near-black, burgundy and champagne color palette

The Near-black, burgundy and champagne color palette brings together black, dark red, red, orange, and off-white. The colors span a very broad lightness range, combining moderate color with high contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is black, and its lightest tone is off-white.

- Also called: Analogous black, maroon and tan linear gradient
- Seed: `kYCgAVlJQ_iUmQA1tsBWTTDPyEw2`
- Page: https://grabient.com/kYCgAVlJQ_iUmQA1tsBWTTDPyEw2?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, dark, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 19.8 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 | `#000000` | `oklch(3.94% 0.0000 89.88)` | Black | white, 20.9 to 1 |
| 2 | `#010000` | `oklch(5.20% 0.0058 29.86)` | Binary Black | white, 20.9 to 1 |
| 3 | `#030100` | `oklch(6.94% 0.0139 29.30)` | Binary Black | white, 20.8 to 1 |
| 4 | `#070101` | `oklch(9.01% 0.0235 28.65)` | Pupil | white, 20.7 to 1 |
| 5 | `#0e0101` | `oklch(11.26% 0.0337 28.01)` | Dark Matter | white, 20.4 to 1 |
| 6 | `#160202` | `oklch(13.55% 0.0440 27.46)` | Dark Matter | white, 20.1 to 1 |
| 7 | `#1f0202` | `oklch(15.73% 0.0534 27.10)` | Dwarf Fortress | white, 19.6 to 1 |
| 8 | `#260303` | `oklch(17.78% 0.0618 26.98)` | Sepia Black | white, 19.1 to 1 |
| 9 | `#2e0404` | `oklch(19.86% 0.0700 27.00)` | Sepia Black | white, 18.4 to 1 |
| 10 | `#370505` | `oklch(21.96% 0.0781 27.14)` | 3AM Breakup | white, 17.7 to 1 |
| 11 | `#3f0706` | `oklch(24.07% 0.0861 27.36)` | Burnt Maroon | white, 16.8 to 1 |
| 12 | `#480807` | `oklch(26.18% 0.0939 27.66)` | Bulgarian Rose | white, 15.9 to 1 |
| 13 | `#510b08` | `oklch(28.29% 0.1017 27.98)` | Burned | white, 15 to 1 |
| 14 | `#5a0c09` | `oklch(30.33% 0.1095 28.24)` | Vampiric Council | white, 14.1 to 1 |
| 15 | `#620d0a` | `oklch(32.12% 0.1180 28.19)` | Blood Organ | white, 13.3 to 1 |
| 16 | `#6a0c0b` | `oklch(33.82% 0.1267 28.06)` | Beastly Red | white, 12.5 to 1 |
| 17 | `#730d0b` | `oklch(35.62% 0.1349 28.14)` | Liquorice Red | white, 11.7 to 1 |
| 18 | `#7c100c` | `oklch(37.71% 0.1422 28.69)` | UP Maroon | white, 10.8 to 1 |
| 19 | `#86170c` | `oklch(40.28% 0.1478 30.02)` | Red Leever | white, 9.7 to 1 |
| 20 | `#92220d` | `oklch(43.51% 0.1515 32.37)` | Uluru Red | white, 8.5 to 1 |
| 21 | `#a02f0c` | `oklch(47.43% 0.1549 35.81)` | Salsa Mexicana | white, 7.2 to 1 |
| 22 | `#af3e0a` | `oklch(51.86% 0.1576 40.06)` | Donkey Kong | white, 5.9 to 1 |
| 23 | `#be4f09` | `oklch(56.62% 0.1586 44.86)` | Crustose Lichen | white, 4.8 to 1 |
| 24 | `#cc6211` | `oklch(61.52% 0.1571 49.91)` | Brusque Brown | black, 5.3 to 1 |
| 25 | `#d87622` | `oklch(66.36% 0.1520 54.94)` | Bitter Orange | black, 6.5 to 1 |
| 26 | `#e18937` | `oklch(70.99% 0.1423 59.70)` | Kanafeh | black, 7.8 to 1 |
| 27 | `#e79f54` | `oklch(75.91% 0.1251 64.81)` | Pumpkin Pie | black, 9.4 to 1 |
| 28 | `#ecb677` | `oklch(81.13% 0.1017 70.31)` | Golden Chime | black, 11.5 to 1 |
| 29 | `#efcc9a` | `oklch(86.31% 0.0755 75.82)` | Hummus | black, 13.7 to 1 |
| 30 | `#f3dfbd` | `oklch(91.08% 0.0498 80.93)` | Cracked Wheat | black, 16 to 1 |
| 31 | `#f7eeda` | `oklch(95.11% 0.0276 85.24)` | Home Plate | black, 18.2 to 1 |
| 32 | `#fcf8ef` | `oklch(98.03% 0.0124 88.36)` | White Heat | black, 19.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #000000 0.0%, #010000 3.2%, #030100 6.5%, #070101 9.7%, #0e0101 12.9%, #160202 16.1%, #1f0202 19.4%, #260303 22.6%, #2e0404 25.8%, #370505 29.0%, #3f0706 32.3%, #480807 35.5%, #510b08 38.7%, #5a0c09 41.9%, #620d0a 45.2%, #6a0c0b 48.4%, #730d0b 51.6%, #7c100c 54.8%, #86170c 58.1%, #92220d 61.3%, #a02f0c 64.5%, #af3e0a 67.7%, #be4f09 71.0%, #cc6211 74.2%, #d87622 77.4%, #e18937 80.6%, #e79f54 83.9%, #ecb677 87.1%, #efcc9a 90.3%, #f3dfbd 93.5%, #f7eeda 96.8%, #fcf8ef 100.0%);
background: linear-gradient(90deg in oklch, oklch(3.94% 0.0000 89.88) 0.0%, oklch(5.20% 0.0058 29.86) 3.2%, oklch(6.94% 0.0139 29.30) 6.5%, oklch(9.01% 0.0235 28.65) 9.7%, oklch(11.26% 0.0337 28.01) 12.9%, oklch(13.55% 0.0440 27.46) 16.1%, oklch(15.73% 0.0534 27.10) 19.4%, oklch(17.78% 0.0618 26.98) 22.6%, oklch(19.86% 0.0700 27.00) 25.8%, oklch(21.96% 0.0781 27.14) 29.0%, oklch(24.07% 0.0861 27.36) 32.3%, oklch(26.18% 0.0939 27.66) 35.5%, oklch(28.29% 0.1017 27.98) 38.7%, oklch(30.33% 0.1095 28.24) 41.9%, oklch(32.12% 0.1180 28.19) 45.2%, oklch(33.82% 0.1267 28.06) 48.4%, oklch(35.62% 0.1349 28.14) 51.6%, oklch(37.71% 0.1422 28.69) 54.8%, oklch(40.28% 0.1478 30.02) 58.1%, oklch(43.51% 0.1515 32.37) 61.3%, oklch(47.43% 0.1549 35.81) 64.5%, oklch(51.86% 0.1576 40.06) 67.7%, oklch(56.62% 0.1586 44.86) 71.0%, oklch(61.52% 0.1571 49.91) 74.2%, oklch(66.36% 0.1520 54.94) 77.4%, oklch(70.99% 0.1423 59.70) 80.6%, oklch(75.91% 0.1251 64.81) 83.9%, oklch(81.13% 0.1017 70.31) 87.1%, oklch(86.31% 0.0755 75.82) 90.3%, oklch(91.08% 0.0498 80.93) 93.5%, oklch(95.11% 0.0276 85.24) 96.8%, oklch(98.03% 0.0124 88.36) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.039 | 0 | 30.2 |
| 2 | 0.161 | 0.055 | 27.1 |
| 3 | 0.291 | 0.105 | 28.1 |
| 4 | 0.421 | 0.15 | 31.3 |
| 5 | 0.701 | 0.145 | 58.8 |
| 6 | 0.98 | 0.012 | 88.4 |

## In these collections

- [Sequential data gradients](https://grabient.com/sequential-data-gradients)
- [Medical imaging gradients](https://grabient.com/medical-imaging-gradients)

## Other forms

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