# Near-black, rose and tan color palette

The Near-black, rose and tan color palette brings together black, dark magenta, magenta, red, and yellow. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is black, and its lightest tone is yellow.

- Also called: Analogous black, purple and brown linear gradient
- Seed: `kYCAC7HRDJ7CfQNBH8CTpTCdmUSO`
- Page: https://grabient.com/kYCAC7HRDJ7CfQNBH8CTpTCdmUSO?steps=34&angle=0
- Drawn as: linear gradient, 34 steps, 0 degrees
- Kinds: dark to light, muted, warm
- Hues: two-hue
- Contrast of its darkest and lightest colors: 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.15% 0.0000 89.88)` | Black | white, 20.9 to 1 |
| 2 | `#000001` | `oklch(5.10% 0.0045 271.92)` | Black | white, 20.9 to 1 |
| 3 | `#010103` | `oklch(7.80% 0.0106 284.83)` | Binary Black | white, 20.8 to 1 |
| 4 | `#050309` | `oklch(11.01% 0.0179 300.03)` | Ninja | white, 20.4 to 1 |
| 5 | `#0e0711` | `oklch(14.47% 0.0258 315.81)` | Narwhal Grey | white, 19.8 to 1 |
| 6 | `#1a0c18` | `oklch(17.93% 0.0338 330.50)` | Shot in the Dark | white, 18.9 to 1 |
| 7 | `#25101e` | `oklch(21.13% 0.0414 342.40)` | Inside | white, 17.8 to 1 |
| 8 | `#301522` | `oklch(23.89% 0.0481 350.02)` | Black Cherry | white, 16.7 to 1 |
| 9 | `#391927` | `oklch(26.42% 0.0550 354.19)` | Black-Hearted | white, 15.6 to 1 |
| 10 | `#421c2c` | `oklch(28.84% 0.0620 355.97)` | Blackberry | white, 14.5 to 1 |
| 11 | `#4b2032` | `oklch(31.16% 0.0689 356.13)` | Chilli Black Red | white, 13.5 to 1 |
| 12 | `#542438` | `oklch(33.41% 0.0752 355.45)` | Carambar | white, 12.4 to 1 |
| 13 | `#5c283e` | `oklch(35.60% 0.0806 354.73)` | Quills of Terico | white, 11.5 to 1 |
| 14 | `#632c44` | `oklch(37.76% 0.0848 354.75)` | Quills of Terico | white, 10.5 to 1 |
| 15 | `#6b3149` | `oklch(39.89% 0.0876 355.54)` | Old Mauve | white, 9.7 to 1 |
| 16 | `#72364e` | `oklch(41.97% 0.0894 356.07)` | Venusian | white, 8.9 to 1 |
| 17 | `#793b54` | `oklch(43.99% 0.0904 356.48)` | Mulled Plum | white, 8.1 to 1 |
| 18 | `#7f4159` | `oklch(45.96% 0.0905 356.94)` | Cheerful Wine | white, 7.5 to 1 |
| 19 | `#85465d` | `oklch(47.87% 0.0898 357.66)` | Wild Plum | white, 6.9 to 1 |
| 20 | `#8b4c61` | `oklch(49.73% 0.0884 358.82)` | Hawthorn Rose | white, 6.3 to 1 |
| 21 | `#905265` | `oklch(51.54% 0.0863 0.58)` | Velour Scar | white, 5.8 to 1 |
| 22 | `#945868` | `oklch(53.28% 0.0828 2.32)` | Cabernet | white, 5.4 to 1 |
| 23 | `#985e6c` | `oklch(54.97% 0.0780 4.03)` | Glitz and Glamour | white, 5 to 1 |
| 24 | `#9b6470` | `oklch(56.61% 0.0724 6.09)` | Deco Rose | white, 4.7 to 1 |
| 25 | `#9e6a73` | `oklch(58.19% 0.0667 8.93)` | Montrose Rose | black, 4.7 to 1 |
| 26 | `#a17075` | `oklch(59.73% 0.0616 12.94)` | Raw Edge | black, 5.1 to 1 |
| 27 | `#a47676` | `oklch(61.22% 0.0576 18.55)` | Dusky Haze | black, 5.4 to 1 |
| 28 | `#a77c77` | `oklch(62.70% 0.0553 26.46)` | Cherry Mocha | black, 5.7 to 1 |
| 29 | `#ab8275` | `oklch(64.24% 0.0541 37.64)` | Hickory Branch | black, 6.1 to 1 |
| 30 | `#ad8974` | `oklch(65.77% 0.0538 50.90)` | Renwick Rose Beige | black, 6.5 to 1 |
| 31 | `#ae9073` | `oklch(67.23% 0.0540 64.87)` | Buffalo Bill | black, 7 to 1 |
| 32 | `#ad9674` | `oklch(68.55% 0.0545 78.20)` | Jute | black, 7.4 to 1 |
| 33 | `#ab9c76` | `oklch(69.65% 0.0550 89.50)` | Brussels Sprouts | black, 7.7 to 1 |
| 34 | `#a9a179` | `oklch(70.47% 0.0551 97.41)` | Fond of Fronds | black, 8 to 1 |

## CSS

```css
background: linear-gradient(0deg, #000000 0.0%, #000001 3.0%, #010103 6.1%, #050309 9.1%, #0e0711 12.1%, #1a0c18 15.2%, #25101e 18.2%, #301522 21.2%, #391927 24.2%, #421c2c 27.3%, #4b2032 30.3%, #542438 33.3%, #5c283e 36.4%, #632c44 39.4%, #6b3149 42.4%, #72364e 45.5%, #793b54 48.5%, #7f4159 51.5%, #85465d 54.5%, #8b4c61 57.6%, #905265 60.6%, #945868 63.6%, #985e6c 66.7%, #9b6470 69.7%, #9e6a73 72.7%, #a17075 75.8%, #a47676 78.8%, #a77c77 81.8%, #ab8275 84.8%, #ad8974 87.9%, #ae9073 90.9%, #ad9674 93.9%, #ab9c76 97.0%, #a9a179 100.0%);
background: linear-gradient(0deg in oklch, oklch(3.15% 0.0000 89.88) 0.0%, oklch(5.10% 0.0045 271.92) 3.0%, oklch(7.80% 0.0106 284.83) 6.1%, oklch(11.01% 0.0179 300.03) 9.1%, oklch(14.47% 0.0258 315.81) 12.1%, oklch(17.93% 0.0338 330.50) 15.2%, oklch(21.13% 0.0414 342.40) 18.2%, oklch(23.89% 0.0481 350.02) 21.2%, oklch(26.42% 0.0550 354.19) 24.2%, oklch(28.84% 0.0620 355.97) 27.3%, oklch(31.16% 0.0689 356.13) 30.3%, oklch(33.41% 0.0752 355.45) 33.3%, oklch(35.60% 0.0806 354.73) 36.4%, oklch(37.76% 0.0848 354.75) 39.4%, oklch(39.89% 0.0876 355.54) 42.4%, oklch(41.97% 0.0894 356.07) 45.5%, oklch(43.99% 0.0904 356.48) 48.5%, oklch(45.96% 0.0905 356.94) 51.5%, oklch(47.87% 0.0898 357.66) 54.5%, oklch(49.73% 0.0884 358.82) 57.6%, oklch(51.54% 0.0863 0.58) 60.6%, oklch(53.28% 0.0828 2.32) 63.6%, oklch(54.97% 0.0780 4.03) 66.7%, oklch(56.61% 0.0724 6.09) 69.7%, oklch(58.19% 0.0667 8.93) 72.7%, oklch(59.73% 0.0616 12.94) 75.8%, oklch(61.22% 0.0576 18.55) 78.8%, oklch(62.70% 0.0553 26.46) 81.8%, oklch(64.24% 0.0541 37.64) 84.8%, oklch(65.77% 0.0538 50.90) 87.9%, oklch(67.23% 0.0540 64.87) 90.9%, oklch(68.55% 0.0545 78.20) 93.9%, oklch(69.65% 0.0550 89.50) 97.0%, oklch(70.47% 0.0551 97.41) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.031 | 0 | 263 |
| 2 | 0.228 | 0.045 | 347.5 |
| 3 | 0.382 | 0.085 | 354.9 |
| 4 | 0.512 | 0.087 | 360.2 |
| 5 | 0.618 | 0.056 | 381.3 |
| 6 | 0.705 | 0.055 | 457.4 |

## In these collections

- [Soft neutral gradients](https://grabient.com/soft-neutral-gradients)
- [Dark multicolor gradients](https://grabient.com/dark-multicolor-gradients)
- [Minimal color palette](https://grabient.com/minimal-color-palette)
- [Muted gradients](https://grabient.com/muted-gradients)

## Other forms

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