# Near-black and peach red and black palette

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

- Also called: Seamless black, red and peach linear gradient
- Seed: `kcHwXsGZREa2vQVFxj_7ZREElGO8qK0AEgg-4`
- Page: https://grabient.com/kcHwXsGZREa2vQVFxj_7ZREElGO8qK0AEgg-4?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: light center, vivid, warm, seamless
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#070507` | `oklch(12.20% 0.0069 331.88)` | Black Metal | white, 20.2 to 1 |
| 2 | `#0b060a` | `oklch(13.29% 0.0140 338.41)` | Reversed Grey | white, 20 to 1 |
| 3 | `#12070c` | `oklch(14.79% 0.0239 347.95)` | Chyornyi Black | white, 19.7 to 1 |
| 4 | `#1b080f` | `oklch(16.68% 0.0359 358.26)` | Noir Fiction | white, 19.3 to 1 |
| 5 | `#250910` | `oklch(18.97% 0.0492 7.12)` | Italian Roast | white, 18.6 to 1 |
| 6 | `#310a11` | `oklch(21.70% 0.0635 12.80)` | Black Rooster | white, 17.7 to 1 |
| 7 | `#400b14` | `oklch(24.96% 0.0800 16.47)` | Rum Chocolate | white, 16.4 to 1 |
| 8 | `#500d16` | `oklch(28.60% 0.0978 18.84)` | Maroon Oak | white, 14.8 to 1 |
| 9 | `#620e19` | `oklch(32.46% 0.1154 20.42)` | Cherry Picking | white, 13.1 to 1 |
| 10 | `#74111c` | `oklch(36.38% 0.1318 21.70)` | Arterial | white, 11.4 to 1 |
| 11 | `#870f20` | `oklch(40.17% 0.1516 21.51)` | Barbera | white, 9.8 to 1 |
| 12 | `#9c0727` | `oklch(44.01% 0.1731 20.18)` | Succubus | white, 8.5 to 1 |
| 13 | `#b0092f` | `oklch(48.22% 0.1895 19.34)` | Barbados Cherry | white, 7.1 to 1 |
| 14 | `#c32138` | `oklch(53.14% 0.1945 20.58)` | Cardinal | white, 5.8 to 1 |
| 15 | `#d54743` | `oklch(59.75% 0.1791 25.95)` | Race Car Stripe | black, 4.8 to 1 |
| 16 | `#e4775b` | `oklch(68.77% 0.1415 35.71)` | Annular | black, 7 to 1 |
| 17 | `#eba381` | `oklch(77.83% 0.0977 46.39)` | Mamey | black, 10.1 to 1 |
| 18 | `#eec1a5` | `oklch(84.42% 0.0639 54.37)` | Alesan | black, 12.8 to 1 |
| 19 | `#efc8ae` | `oklch(86.06% 0.0566 56.06)` | Desert Sand | black, 13.5 to 1 |
| 20 | `#f0b695` | `oklch(82.15% 0.0813 50.32)` | Chilli Dip | black, 11.8 to 1 |
| 21 | `#ef9170` | `oklch(74.75% 0.1233 40.31)` | Moegi Green | black, 8.9 to 1 |
| 22 | `#e66452` | `oklch(66.08% 0.1656 29.71)` | Flamingo | black, 6.2 to 1 |
| 23 | `#d53a44` | `oklch(58.37% 0.1915 22.16)` | Jasper | white, 4.6 to 1 |
| 24 | `#c02039` | `oklch(52.40% 0.1922 19.63)` | Relief | white, 6 to 1 |
| 25 | `#a6122d` | `oklch(46.66% 0.1778 19.93)` | Hong Kong Taxi | white, 7.6 to 1 |
| 26 | `#8c1022` | `oklch(41.15% 0.1552 21.47)` | Old Wine | white, 9.5 to 1 |
| 27 | `#72101a` | `oklch(35.92% 0.1307 22.67)` | Arterial | white, 11.6 to 1 |
| 28 | `#5b0d15` | `oklch(30.94% 0.1096 22.12)` | Chocolate Cosmos | white, 13.8 to 1 |
| 29 | `#440b11` | `oklch(25.90% 0.0856 20.28)` | Rum Chocolate | white, 16 to 1 |
| 30 | `#2f0a0e` | `oklch(21.12% 0.0603 17.92)` | 3AM Breakup | white, 17.9 to 1 |
| 31 | `#1d080a` | `oklch(17.05% 0.0377 15.67)` | Noir Fiction | white, 19.2 to 1 |
| 32 | `#110607` | `oklch(14.17% 0.0220 14.15)` | Knight Rider | white, 19.9 to 1 |

## CSS

```css
background: linear-gradient(135deg, #070507 0.0%, #0b060a 3.2%, #12070c 6.5%, #1b080f 9.7%, #250910 12.9%, #310a11 16.1%, #400b14 19.4%, #500d16 22.6%, #620e19 25.8%, #74111c 29.0%, #870f20 32.3%, #9c0727 35.5%, #b0092f 38.7%, #c32138 41.9%, #d54743 45.2%, #e4775b 48.4%, #eba381 51.6%, #eec1a5 54.8%, #efc8ae 58.1%, #f0b695 61.3%, #ef9170 64.5%, #e66452 67.7%, #d53a44 71.0%, #c02039 74.2%, #a6122d 77.4%, #8c1022 80.6%, #72101a 83.9%, #5b0d15 87.1%, #440b11 90.3%, #2f0a0e 93.5%, #1d080a 96.8%, #110607 100.0%);
background: linear-gradient(135deg in oklch, oklch(12.20% 0.0069 331.88) 0.0%, oklch(13.29% 0.0140 338.41) 3.2%, oklch(14.79% 0.0239 347.95) 6.5%, oklch(16.68% 0.0359 358.26) 9.7%, oklch(18.97% 0.0492 7.12) 12.9%, oklch(21.70% 0.0635 12.80) 16.1%, oklch(24.96% 0.0800 16.47) 19.4%, oklch(28.60% 0.0978 18.84) 22.6%, oklch(32.46% 0.1154 20.42) 25.8%, oklch(36.38% 0.1318 21.70) 29.0%, oklch(40.17% 0.1516 21.51) 32.3%, oklch(44.01% 0.1731 20.18) 35.5%, oklch(48.22% 0.1895 19.34) 38.7%, oklch(53.14% 0.1945 20.58) 41.9%, oklch(59.75% 0.1791 25.95) 45.2%, oklch(68.77% 0.1415 35.71) 48.4%, oklch(77.83% 0.0977 46.39) 51.6%, oklch(84.42% 0.0639 54.37) 54.8%, oklch(86.06% 0.0566 56.06) 58.1%, oklch(82.15% 0.0813 50.32) 61.3%, oklch(74.75% 0.1233 40.31) 64.5%, oklch(66.08% 0.1656 29.71) 67.7%, oklch(58.37% 0.1915 22.16) 71.0%, oklch(52.40% 0.1922 19.63) 74.2%, oklch(46.66% 0.1778 19.93) 77.4%, oklch(41.15% 0.1552 21.47) 80.6%, oklch(35.92% 0.1307 22.67) 83.9%, oklch(30.94% 0.1096 22.12) 87.1%, oklch(25.90% 0.0856 20.28) 90.3%, oklch(21.12% 0.0603 17.92) 93.5%, oklch(17.05% 0.0377 15.67) 96.8%, oklch(14.17% 0.0220 14.15) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.122 | 0.007 | 331.9 |
| 2 | 0.201 | 0.055 | 369.9 |
| 3 | 0.358 | 0.13 | 381.5 |
| 4 | 0.547 | 0.193 | 381.5 |
| 5 | 0.862 | 0.055 | 416.4 |
| 6 | 0.575 | 0.193 | 381.5 |
| 7 | 0.331 | 0.119 | 382.6 |
| 8 | 0.142 | 0.022 | 374.1 |

## In these collections

- [Red and black](https://grabient.com/red-and-black)

## Other forms

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