# Near-black, crimson and champagne color palette

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

- Also called: Analogous black, red, orange and beige linear gradient
- Seed: `kaDQcOFxtAKs0wFCQcC2T3CO0kwp8hMGA`
- Page: https://grabient.com/kaDQcOFxtAKs0wFCQcC2T3CO0kwp8hMGA?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, vivid, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 19.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 | `#010000` | `oklch(5.12% 0.0096 19.69)` | Binary Black | white, 20.9 to 1 |
| 2 | `#030000` | `oklch(6.77% 0.0180 19.95)` | Binary Black | white, 20.8 to 1 |
| 3 | `#080101` | `oklch(9.08% 0.0298 20.30)` | Pupil | white, 20.7 to 1 |
| 4 | `#120101` | `oklch(11.80% 0.0436 20.73)` | Dark Matter | white, 20.4 to 1 |
| 5 | `#1d0002` | `oklch(14.73% 0.0581 21.21)` | Dwarf Fortress | white, 19.9 to 1 |
| 6 | `#290003` | `oklch(17.72% 0.0714 22.16)` | Sepia Black | white, 19.1 to 1 |
| 7 | `#340005` | `oklch(20.52% 0.0827 22.50)` | 3AM Breakup | white, 18.2 to 1 |
| 8 | `#400006` | `oklch(23.44% 0.0946 22.91)` | Charred Brown | white, 17.2 to 1 |
| 9 | `#4d0008` | `oklch(26.46% 0.1069 23.40)` | Scorched Brown | white, 15.9 to 1 |
| 10 | `#5a000a` | `oklch(29.58% 0.1197 24.00)` | Saving Light | white, 14.5 to 1 |
| 11 | `#69000c` | `oklch(32.79% 0.1329 24.75)` | Blood God | white, 13 to 1 |
| 12 | `#78000d` | `oklch(36.10% 0.1466 25.60)` | Japanese Maple | white, 11.6 to 1 |
| 13 | `#88010d` | `oklch(39.53% 0.1604 26.33)` | Bloodthirsty | white, 10.1 to 1 |
| 14 | `#970d11` | `oklch(43.06% 0.1683 27.23)` | Noble Cause | white, 8.8 to 1 |
| 15 | `#a61a15` | `oklch(46.64% 0.1746 28.45)` | Bloody Ruby | white, 7.5 to 1 |
| 16 | `#b32718` | `oklch(50.21% 0.1790 30.18)` | Upset Tomato | white, 6.5 to 1 |
| 17 | `#c03419` | `oklch(53.73% 0.1815 32.64)` | Once Bitten | white, 5.5 to 1 |
| 18 | `#cd4219` | `oklch(57.30% 0.1825 35.81)` | Underpass Shrine | white, 4.7 to 1 |
| 19 | `#d85018` | `oklch(60.87% 0.1817 39.51)` | Deep Orange | black, 5 to 1 |
| 20 | `#e26019` | `oklch(64.41% 0.1790 43.52)` | Blazon Skies | black, 5.9 to 1 |
| 21 | `#ea6f1f` | `oklch(67.86% 0.1741 47.63)` | Ochre Spice | black, 6.8 to 1 |
| 22 | `#f17f2b` | `oklch(71.17% 0.1667 51.69)` | Iceland Poppy | black, 7.7 to 1 |
| 23 | `#f58e3a` | `oklch(74.40% 0.1563 56.04)` | Fire Flower | black, 8.8 to 1 |
| 24 | `#f79e4c` | `oklch(77.55% 0.1434 60.61)` | Sunshade | black, 9.9 to 1 |
| 25 | `#f8ad60` | `oklch(80.60% 0.1288 65.15)` | Rajah | black, 11.1 to 1 |
| 26 | `#f9bc74` | `oklch(83.51% 0.1134 69.39)` | Halcyon Days | black, 12.4 to 1 |
| 27 | `#f9c889` | `oklch(86.28% 0.0980 73.10)` | Elf Cream | black, 13.6 to 1 |
| 28 | `#fad59f` | `oklch(89.06% 0.0802 76.47)` | Paw Paw | black, 15 to 1 |
| 29 | `#fae0b7` | `oklch(91.82% 0.0605 79.59)` | Curd | black, 16.4 to 1 |
| 30 | `#faeace` | `oklch(94.36% 0.0410 82.33)` | Spotlight | black, 17.7 to 1 |
| 31 | `#fbf3e2` | `oklch(96.49% 0.0242 84.60)` | Candlelight Ivory | black, 18.9 to 1 |
| 32 | `#fcf8ef` | `oklch(98.03% 0.0124 86.26)` | White Heat | black, 19.8 to 1 |

## CSS

```css
background: linear-gradient(90deg, #010000 0.0%, #030000 3.2%, #080101 6.5%, #120101 9.7%, #1d0002 12.9%, #290003 16.1%, #340005 19.4%, #400006 22.6%, #4d0008 25.8%, #5a000a 29.0%, #69000c 32.3%, #78000d 35.5%, #88010d 38.7%, #970d11 41.9%, #a61a15 45.2%, #b32718 48.4%, #c03419 51.6%, #cd4219 54.8%, #d85018 58.1%, #e26019 61.3%, #ea6f1f 64.5%, #f17f2b 67.7%, #f58e3a 71.0%, #f79e4c 74.2%, #f8ad60 77.4%, #f9bc74 80.6%, #f9c889 83.9%, #fad59f 87.1%, #fae0b7 90.3%, #faeace 93.5%, #fbf3e2 96.8%, #fcf8ef 100.0%);
background: linear-gradient(90deg in oklch, oklch(5.12% 0.0096 19.69) 0.0%, oklch(6.77% 0.0180 19.95) 3.2%, oklch(9.08% 0.0298 20.30) 6.5%, oklch(11.80% 0.0436 20.73) 9.7%, oklch(14.73% 0.0581 21.21) 12.9%, oklch(17.72% 0.0714 22.16) 16.1%, oklch(20.52% 0.0827 22.50) 19.4%, oklch(23.44% 0.0946 22.91) 22.6%, oklch(26.46% 0.1069 23.40) 25.8%, oklch(29.58% 0.1197 24.00) 29.0%, oklch(32.79% 0.1329 24.75) 32.3%, oklch(36.10% 0.1466 25.60) 35.5%, oklch(39.53% 0.1604 26.33) 38.7%, oklch(43.06% 0.1683 27.23) 41.9%, oklch(46.64% 0.1746 28.45) 45.2%, oklch(50.21% 0.1790 30.18) 48.4%, oklch(53.73% 0.1815 32.64) 51.6%, oklch(57.30% 0.1825 35.81) 54.8%, oklch(60.87% 0.1817 39.51) 58.1%, oklch(64.41% 0.1790 43.52) 61.3%, oklch(67.86% 0.1741 47.63) 64.5%, oklch(71.17% 0.1667 51.69) 67.7%, oklch(74.40% 0.1563 56.04) 71.0%, oklch(77.55% 0.1434 60.61) 74.2%, oklch(80.60% 0.1288 65.15) 77.4%, oklch(83.51% 0.1134 69.39) 80.6%, oklch(86.28% 0.0980 73.10) 83.9%, oklch(89.06% 0.0802 76.47) 87.1%, oklch(91.82% 0.0605 79.59) 90.3%, oklch(94.36% 0.0410 82.33) 93.5%, oklch(96.49% 0.0242 84.60) 96.8%, oklch(98.03% 0.0124 86.26) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.051 | 0.01 | 19.7 |
| 2 | 0.181 | 0.074 | 21.8 |
| 3 | 0.339 | 0.145 | 25 |
| 4 | 0.52 | 0.181 | 31.3 |
| 5 | 0.701 | 0.169 | 50.3 |
| 6 | 0.858 | 0.101 | 72.5 |
| 7 | 0.98 | 0.012 | 86.3 |

## In these collections

- [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients)
- [Remote sensing gradients](https://grabient.com/remote-sensing-gradients)

## Other forms

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