# Near-black and burgundy terracotta palette

The Near-black and burgundy terracotta palette brings together black, dark red, red, and orange. The colors span a moderate lightness range, combining moderate color with clear contrast. Its dark and grounded character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is orange.

- Also called: Monochrome black to brown linear gradient
- Seed: `kYFwAUE4w_yEcwGxrEBvzLAqmlvu`
- Page: https://grabient.com/kYFwAUE4w_yEcwGxrEBvzLAqmlvu?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: vivid, dark, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 3.1 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 | `#020202` | `oklch(9.06% 0.0000 89.88)` | Black Hole | white, 20.6 to 1 |
| 2 | `#040303` | `oklch(9.67% 0.0033 27.96)` | Armour Wash | white, 20.6 to 1 |
| 3 | `#060303` | `oklch(10.47% 0.0078 27.68)` | Pupil | white, 20.5 to 1 |
| 4 | `#090403` | `oklch(11.44% 0.0131 27.36)` | Liquorice | white, 20.4 to 1 |
| 5 | `#0d0404` | `oklch(12.54% 0.0191 27.10)` | Liquorice | white, 20.2 to 1 |
| 6 | `#120504` | `oklch(13.77% 0.0254 26.96)` | Knight Rider | white, 20 to 1 |
| 7 | `#170605` | `oklch(15.08% 0.0318 27.02)` | Asphalt | white, 19.7 to 1 |
| 8 | `#1c0706` | `oklch(16.50% 0.0384 27.36)` | Soy Sauce | white, 19.3 to 1 |
| 9 | `#220806` | `oklch(18.05% 0.0454 27.91)` | Sepia Black | white, 18.9 to 1 |
| 10 | `#290a07` | `oklch(19.73% 0.0529 28.62)` | Root Brew | white, 18.4 to 1 |
| 11 | `#300c08` | `oklch(21.50% 0.0606 29.42)` | 3AM Breakup | white, 17.7 to 1 |
| 12 | `#380e08` | `oklch(23.34% 0.0682 30.24)` | Red Bean | white, 17 to 1 |
| 13 | `#3f1009` | `oklch(25.22% 0.0757 31.01)` | Red Bean | white, 16.2 to 1 |
| 14 | `#47120a` | `oklch(27.16% 0.0829 31.70)` | Bean | white, 15.4 to 1 |
| 15 | `#50150a` | `oklch(29.23% 0.0904 32.33)` | Earth Brown | white, 14.4 to 1 |
| 16 | `#59180b` | `oklch(31.39% 0.0979 32.96)` | Philippine Brown | white, 13.5 to 1 |
| 17 | `#621b0c` | `oklch(33.57% 0.1052 33.60)` | Altar Wine | white, 12.5 to 1 |
| 18 | `#6b1e0d` | `oklch(35.73% 0.1121 34.28)` | Brown Moelleux | white, 11.5 to 1 |
| 19 | `#73220d` | `oklch(37.80% 0.1181 35.03)` | Burning Steppes | white, 10.6 to 1 |
| 20 | `#7b260e` | `oklch(39.78% 0.1232 35.90)` | Drip Coffee | white, 9.8 to 1 |
| 21 | `#842b0f` | `oklch(42.08% 0.1280 37.10)` | Caponata | white, 8.9 to 1 |
| 22 | `#8e3210` | `oklch(44.53% 0.1325 38.50)` | Bengala Red | white, 8 to 1 |
| 23 | `#963810` | `oklch(46.81% 0.1361 39.89)` | Citrine Brown | white, 7.3 to 1 |
| 24 | `#9d3d11` | `oklch(48.61% 0.1386 41.04)` | Muddy | white, 6.7 to 1 |
| 25 | `#a04012` | `oklch(49.60% 0.1397 41.75)` | Powdered Coffee | white, 6.4 to 1 |
| 26 | `#a03f12` | `oklch(49.47% 0.1388 41.81)` | Muddy | white, 6.5 to 1 |
| 27 | `#993c12` | `oklch(47.81% 0.1351 41.03)` | Hot Brown | white, 7 to 1 |
| 28 | `#8e3512` | `oklch(44.95% 0.1290 39.61)` | Citrine Brown | white, 7.9 to 1 |
| 29 | `#802d10` | `oklch(41.44% 0.1216 37.85)` | Reddish Brown | white, 9.1 to 1 |
| 30 | `#72240e` | `oklch(37.86% 0.1141 36.03)` | Burning Steppes | white, 10.6 to 1 |
| 31 | `#661e0c` | `oklch(34.75% 0.1077 34.45)` | Brown Moelleux | white, 11.9 to 1 |
| 32 | `#5e190b` | `oklch(32.68% 0.1033 33.41)` | Altar Wine | white, 12.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #020202 0.0%, #040303 3.2%, #060303 6.5%, #090403 9.7%, #0d0404 12.9%, #120504 16.1%, #170605 19.4%, #1c0706 22.6%, #220806 25.8%, #290a07 29.0%, #300c08 32.3%, #380e08 35.5%, #3f1009 38.7%, #47120a 41.9%, #50150a 45.2%, #59180b 48.4%, #621b0c 51.6%, #6b1e0d 54.8%, #73220d 58.1%, #7b260e 61.3%, #842b0f 64.5%, #8e3210 67.7%, #963810 71.0%, #9d3d11 74.2%, #a04012 77.4%, #a03f12 80.6%, #993c12 83.9%, #8e3512 87.1%, #802d10 90.3%, #72240e 93.5%, #661e0c 96.8%, #5e190b 100.0%);
background: linear-gradient(90deg in oklch, oklch(9.06% 0.0000 89.88) 0.0%, oklch(9.67% 0.0033 27.96) 3.2%, oklch(10.47% 0.0078 27.68) 6.5%, oklch(11.44% 0.0131 27.36) 9.7%, oklch(12.54% 0.0191 27.10) 12.9%, oklch(13.77% 0.0254 26.96) 16.1%, oklch(15.08% 0.0318 27.02) 19.4%, oklch(16.50% 0.0384 27.36) 22.6%, oklch(18.05% 0.0454 27.91) 25.8%, oklch(19.73% 0.0529 28.62) 29.0%, oklch(21.50% 0.0606 29.42) 32.3%, oklch(23.34% 0.0682 30.24) 35.5%, oklch(25.22% 0.0757 31.01) 38.7%, oklch(27.16% 0.0829 31.70) 41.9%, oklch(29.23% 0.0904 32.33) 45.2%, oklch(31.39% 0.0979 32.96) 48.4%, oklch(33.57% 0.1052 33.60) 51.6%, oklch(35.73% 0.1121 34.28) 54.8%, oklch(37.80% 0.1181 35.03) 58.1%, oklch(39.78% 0.1232 35.90) 61.3%, oklch(42.08% 0.1280 37.10) 64.5%, oklch(44.53% 0.1325 38.50) 67.7%, oklch(46.81% 0.1361 39.89) 71.0%, oklch(48.61% 0.1386 41.04) 74.2%, oklch(49.60% 0.1397 41.75) 77.4%, oklch(49.47% 0.1388 41.81) 80.6%, oklch(47.81% 0.1351 41.03) 83.9%, oklch(44.95% 0.1290 39.61) 87.1%, oklch(41.44% 0.1216 37.85) 90.3%, oklch(37.86% 0.1141 36.03) 93.5%, oklch(34.75% 0.1077 34.45) 96.8%, oklch(32.68% 0.1033 33.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.091 | 0 | 28.1 |
| 2 | 0.154 | 0.033 | 27.1 |
| 3 | 0.26 | 0.079 | 31.3 |
| 4 | 0.39 | 0.121 | 35.5 |
| 5 | 0.496 | 0.139 | 41.9 |
| 6 | 0.327 | 0.103 | 33.4 |

## In these collections

- [Terracotta color palette](https://grabient.com/terracotta-color-palette)

## Other forms

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