# Stone and charcoal gray palette

The Stone and charcoal gray palette brings together light gray, gray, and dark gray. The colors span a broad lightness range, combining near-neutral color with clear contrast. Its quiet and understated character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is light gray.

- Also called: Gray and dark gray radial gradient
- Seed: `kUywktSABTKSBwq8A0HA`
- Page: https://grabient.com/kUywktSABTKSBwq8A0HA?style=radialGradient&steps=32&angle=315
- Drawn as: radial gradient, 32 steps, 315 degrees
- Kinds: dark center, neutral
- Hues: achromatic
- Contrast of its darkest and lightest colors: 7.6 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 | `#c3bcb5` | `oklch(79.92% 0.0124 63.28)` | Linnet | black, 11.1 to 1 |
| 2 | `#beb8b1` | `oklch(78.61% 0.0116 73.20)` | Rampart | black, 10.7 to 1 |
| 3 | `#b7b4ad` | `oklch(76.96% 0.0105 86.64)` | Ashes | black, 10.1 to 1 |
| 4 | `#afaea8` | `oklch(75.02% 0.0092 102.80)` | Building Block | black, 9.4 to 1 |
| 5 | `#a6a8a3` | `oklch(72.84% 0.0077 120.85)` | Silver Grey | black, 8.7 to 1 |
| 6 | `#9ea19d` | `oklch(70.46% 0.0062 139.97)` | Cosmic Quest | black, 8 to 1 |
| 7 | `#969997` | `oklch(67.95% 0.0047 159.33)` | Stone Mason | black, 7.2 to 1 |
| 8 | `#8e9190` | `oklch(65.35% 0.0032 178.11)` | Neutral Grey | black, 6.5 to 1 |
| 9 | `#878988` | `oklch(62.72% 0.0019 195.50)` | Slate Rock | black, 5.9 to 1 |
| 10 | `#808081` | `oklch(60.09% 0.0009 210.67)` | Pound Sterling | black, 5.3 to 1 |
| 11 | `#797979` | `oklch(57.53% 0.0002 222.79)` | Steel | black, 4.8 to 1 |
| 12 | `#717171` | `oklch(54.93% 0.0000 89.88)` | Dull | white, 4.8 to 1 |
| 13 | `#696969` | `oklch(51.95% 0.0000 89.88)` | Dim Grey | white, 5.5 to 1 |
| 14 | `#5f5f5f` | `oklch(48.67% 0.0000 89.88)` | Shades On | white, 6.3 to 1 |
| 15 | `#565656` | `oklch(45.24% 0.0002 244.87)` | Jet Fuel | white, 7.3 to 1 |
| 16 | `#4c4c4d` | `oklch(41.79% 0.0007 246.41)` | Shady Character | white, 8.5 to 1 |
| 17 | `#434444` | `oklch(38.47% 0.0013 247.07)` | Goshawk Grey | white, 9.8 to 1 |
| 18 | `#3b3c3d` | `oklch(35.42% 0.0020 247.23)` | Yin Mist | white, 11.1 to 1 |
| 19 | `#343536` | `oklch(32.77% 0.0027 247.24)` | Jet | white, 12.3 to 1 |
| 20 | `#2e3031` | `oklch(30.66% 0.0033 247.46)` | Cod Grey | white, 13.3 to 1 |
| 21 | `#2a2c2e` | `oklch(29.24% 0.0038 248.25)` | Bunker | white, 13.9 to 1 |
| 22 | `#292b2c` | `oklch(28.64% 0.0043 249.90)` | Blackadder | white, 14.2 to 1 |
| 23 | `#2a2b2e` | `oklch(28.99% 0.0047 251.79)` | Bunker | white, 14.1 to 1 |
| 24 | `#2c2e31` | `oklch(30.14% 0.0051 253.66)` | Stretch Limo | white, 13.5 to 1 |
| 25 | `#313335` | `oklch(31.92% 0.0056 255.49)` | Ebony | white, 12.7 to 1 |
| 26 | `#36383c` | `oklch(34.16% 0.0061 257.25)` | Vulcan | white, 11.6 to 1 |
| 27 | `#3d3f42` | `oklch(36.68% 0.0065 258.92)` | Dark Engine | white, 10.5 to 1 |
| 28 | `#44464a` | `oklch(39.29% 0.0070 260.48)` | Steel Grey | white, 9.4 to 1 |
| 29 | `#4a4d51` | `oklch(41.84% 0.0074 261.90)` | Blackwood | white, 8.5 to 1 |
| 30 | `#515357` | `oklch(44.13% 0.0077 263.16)` | Fingerprint | white, 7.7 to 1 |
| 31 | `#56585d` | `oklch(45.99% 0.0080 264.24)` | Edge of Black | white, 7.1 to 1 |
| 32 | `#595b60` | `oklch(47.24% 0.0083 265.12)` | Iron Gate | white, 6.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #c3bcb5 0.0%, #beb8b1 3.2%, #b7b4ad 6.5%, #afaea8 9.7%, #a6a8a3 12.9%, #9ea19d 16.1%, #969997 19.4%, #8e9190 22.6%, #878988 25.8%, #808081 29.0%, #797979 32.3%, #717171 35.5%, #696969 38.7%, #5f5f5f 41.9%, #565656 45.2%, #4c4c4d 48.4%, #434444 51.6%, #3b3c3d 54.8%, #343536 58.1%, #2e3031 61.3%, #2a2c2e 64.5%, #292b2c 67.7%, #2a2b2e 71.0%, #2c2e31 74.2%, #313335 77.4%, #36383c 80.6%, #3d3f42 83.9%, #44464a 87.1%, #4a4d51 90.3%, #515357 93.5%, #56585d 96.8%, #595b60 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(79.92% 0.0124 63.28) 0.0%, oklch(78.61% 0.0116 73.20) 3.2%, oklch(76.96% 0.0105 86.64) 6.5%, oklch(75.02% 0.0092 102.80) 9.7%, oklch(72.84% 0.0077 120.85) 12.9%, oklch(70.46% 0.0062 139.97) 16.1%, oklch(67.95% 0.0047 159.33) 19.4%, oklch(65.35% 0.0032 178.11) 22.6%, oklch(62.72% 0.0019 195.50) 25.8%, oklch(60.09% 0.0009 210.67) 29.0%, oklch(57.53% 0.0002 222.79) 32.3%, oklch(54.93% 0.0000 89.88) 35.5%, oklch(51.95% 0.0000 89.88) 38.7%, oklch(48.67% 0.0000 89.88) 41.9%, oklch(45.24% 0.0002 244.87) 45.2%, oklch(41.79% 0.0007 246.41) 48.4%, oklch(38.47% 0.0013 247.07) 51.6%, oklch(35.42% 0.0020 247.23) 54.8%, oklch(32.77% 0.0027 247.24) 58.1%, oklch(30.66% 0.0033 247.46) 61.3%, oklch(29.24% 0.0038 248.25) 64.5%, oklch(28.64% 0.0043 249.90) 67.7%, oklch(28.99% 0.0047 251.79) 71.0%, oklch(30.14% 0.0051 253.66) 74.2%, oklch(31.92% 0.0056 255.49) 77.4%, oklch(34.16% 0.0061 257.25) 80.6%, oklch(36.68% 0.0065 258.92) 83.9%, oklch(39.29% 0.0070 260.48) 87.1%, oklch(41.84% 0.0074 261.90) 90.3%, oklch(44.13% 0.0077 263.16) 93.5%, oklch(45.99% 0.0080 264.24) 96.8%, oklch(47.24% 0.0083 265.12) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.799 | 0.012 | 63.3 |
| 2 | 0.567 | 0 | 226 |
| 3 | 0.287 | 0.004 | 249.3 |
| 4 | 0.472 | 0.008 | 265.1 |

## In these collections

- [Gray gradients](https://grabient.com/gray-gradients)

## Other forms

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