# Charcoal and stone minimal palette

The Charcoal and stone minimal palette brings together dark gray, red, light gray, off-white, and gray. 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 dark gray, and its lightest tone is off-white.

- Also called: Dark purple, gray and dark gray angular gradient
- Seed: `kYSADbwB5KWmIwn1hcPWwVAq-Auc`
- Page: https://grabient.com/kYSADbwB5KWmIwn1hcPWwVAq-Auc?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: light center, neutral, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.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 | `#2a2a2a` | `oklch(28.35% 0.0000 89.88)` | The End | white, 14.4 to 1 |
| 2 | `#312e32` | `oklch(30.54% 0.0102 318.57)` | Black Cat | white, 13.4 to 1 |
| 3 | `#3f323c` | `oklch(33.45% 0.0256 332.82)` | Disappearing Purple | white, 12.1 to 1 |
| 4 | `#513643` | `oklch(36.95% 0.0433 349.48)` | Velvet Touch | white, 10.6 to 1 |
| 5 | `#663c45` | `oklch(40.89% 0.0605 6.61)` | Red Mahogany | white, 9.1 to 1 |
| 6 | `#7a4442` | `oklch(45.12% 0.0744 22.27)` | Cinnamon Cherry | white, 7.6 to 1 |
| 7 | `#8a5042` | `oklch(49.51% 0.0821 34.51)` | Earth Crust | white, 6.3 to 1 |
| 8 | `#985f49` | `oklch(54.26% 0.0816 42.28)` | Vintage Copper | white, 5.1 to 1 |
| 9 | `#a57259` | `oklch(59.80% 0.0743 47.04)` | Chic Brick | black, 5.1 to 1 |
| 10 | `#b1876f` | `oklch(65.73% 0.0627 49.80)` | Renwick Rose Beige | black, 6.5 to 1 |
| 11 | `#bd9b88` | `oklch(71.62% 0.0492 51.55)` | Coquina Shell | black, 8.2 to 1 |
| 12 | `#c8af9f` | `oklch(77.05% 0.0362 53.27)` | Cracked Earth | black, 10 to 1 |
| 13 | `#d1bfb3` | `oklch(81.60% 0.0261 55.96)` | Summer Bloom | black, 11.7 to 1 |
| 14 | `#d8cbc1` | `oklch(85.03% 0.0206 60.34)` | Coconut Macaroon | black, 13.2 to 1 |
| 15 | `#e0d5cb` | `oklch(87.91% 0.0175 65.80)` | Castle Beige | black, 14.5 to 1 |
| 16 | `#e6ddd4` | `oklch(90.22% 0.0160 71.78)` | Modest White | black, 15.6 to 1 |
| 17 | `#eae3d9` | `oklch(91.89% 0.0155 77.81)` | Indian Muslin | black, 16.5 to 1 |
| 18 | `#ece7dc` | `oklch(92.81% 0.0155 83.41)` | Umber Style | black, 16.9 to 1 |
| 19 | `#ece7dc` | `oklch(92.90% 0.0155 88.10)` | Umber Style | black, 17 to 1 |
| 20 | `#e8e5da` | `oklch(92.06% 0.0149 91.54)` | Irish Mist | black, 16.6 to 1 |
| 21 | `#e1ded4` | `oklch(90.12% 0.0146 94.64)` | Spun Wool | black, 15.6 to 1 |
| 22 | `#d7d5cb` | `oklch(87.26% 0.0146 97.32)` | Grey White | black, 14.3 to 1 |
| 23 | `#cccabf` | `oklch(83.68% 0.0148 99.18)` | Passing Shadow | black, 12.7 to 1 |
| 24 | `#bebdb2` | `oklch(79.60% 0.0148 99.82)` | Austere Grey | black, 11.1 to 1 |
| 25 | `#b1afa5` | `oklch(75.22% 0.0144 98.83)` | Building Block | black, 9.5 to 1 |
| 26 | `#a3a197` | `oklch(70.73% 0.0135 95.80)` | Tin Man | black, 8 to 1 |
| 27 | `#939088` | `oklch(65.35% 0.0119 89.47)` | Smoky Grey Green | black, 6.5 to 1 |
| 28 | `#817d77` | `oklch(59.10% 0.0097 80.43)` | Fieldstone | black, 5.1 to 1 |
| 29 | `#6d6a66` | `oklch(52.58% 0.0072 70.07)` | Mined Coal | white, 5.3 to 1 |
| 30 | `#5b5856` | `oklch(46.39% 0.0048 59.76)` | Sumi Ink | white, 7 to 1 |
| 31 | `#4c4a49` | `oklch(41.13% 0.0028 50.88)` | Bastion Grey | white, 8.7 to 1 |
| 32 | `#414040` | `oklch(37.40% 0.0014 44.84)` | Scarabaeus Sacer | white, 10.2 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #2a2a2a 0.0%, #312e32 3.2%, #3f323c 6.5%, #513643 9.7%, #663c45 12.9%, #7a4442 16.1%, #8a5042 19.4%, #985f49 22.6%, #a57259 25.8%, #b1876f 29.0%, #bd9b88 32.3%, #c8af9f 35.5%, #d1bfb3 38.7%, #d8cbc1 41.9%, #e0d5cb 45.2%, #e6ddd4 48.4%, #eae3d9 51.6%, #ece7dc 54.8%, #ece7dc 58.1%, #e8e5da 61.3%, #e1ded4 64.5%, #d7d5cb 67.7%, #cccabf 71.0%, #bebdb2 74.2%, #b1afa5 77.4%, #a3a197 80.6%, #939088 83.9%, #817d77 87.1%, #6d6a66 90.3%, #5b5856 93.5%, #4c4a49 96.8%, #414040 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(28.35% 0.0000 89.88) 0.0%, oklch(30.54% 0.0102 318.57) 3.2%, oklch(33.45% 0.0256 332.82) 6.5%, oklch(36.95% 0.0433 349.48) 9.7%, oklch(40.89% 0.0605 6.61) 12.9%, oklch(45.12% 0.0744 22.27) 16.1%, oklch(49.51% 0.0821 34.51) 19.4%, oklch(54.26% 0.0816 42.28) 22.6%, oklch(59.80% 0.0743 47.04) 25.8%, oklch(65.73% 0.0627 49.80) 29.0%, oklch(71.62% 0.0492 51.55) 32.3%, oklch(77.05% 0.0362 53.27) 35.5%, oklch(81.60% 0.0261 55.96) 38.7%, oklch(85.03% 0.0206 60.34) 41.9%, oklch(87.91% 0.0175 65.80) 45.2%, oklch(90.22% 0.0160 71.78) 48.4%, oklch(91.89% 0.0155 77.81) 51.6%, oklch(92.81% 0.0155 83.41) 54.8%, oklch(92.90% 0.0155 88.10) 58.1%, oklch(92.06% 0.0149 91.54) 61.3%, oklch(90.12% 0.0146 94.64) 64.5%, oklch(87.26% 0.0146 97.32) 67.7%, oklch(83.68% 0.0148 99.18) 71.0%, oklch(79.60% 0.0148 99.82) 74.2%, oklch(75.22% 0.0144 98.83) 77.4%, oklch(70.73% 0.0135 95.80) 80.6%, oklch(65.35% 0.0119 89.47) 83.9%, oklch(59.10% 0.0097 80.43) 87.1%, oklch(52.58% 0.0072 70.07) 90.3%, oklch(46.39% 0.0048 59.76) 93.5%, oklch(41.13% 0.0028 50.88) 96.8%, oklch(37.40% 0.0014 44.84) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0 | 308.7 |
| 2 | 0.504 | 0.083 | 396.4 |
| 3 | 0.831 | 0.023 | 417.5 |
| 4 | 0.925 | 0.015 | 450.3 |
| 5 | 0.717 | 0.014 | 456.6 |
| 6 | 0.374 | 0.001 | 404.8 |

## In these collections

- [Minimal color palette](https://grabient.com/minimal-color-palette)

## Other forms

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