# Near-black, gray and dusty blue silver palette

The Near-black, gray and dusty blue silver palette brings together dark gray, gray, and off-white. The colors span a very broad lightness range, combining near-neutral color with high contrast. Its quiet and understated character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is off-white.

- Also called: Black and gray angular gradient
- Seed: `kaMgq8JAY_LGHv1HCD-coI_kAHwMjBcBg`
- Page: https://grabient.com/kaMgq8JAY_LGHv1HCD-coI_kAHwMjBcBg?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: light center, neutral, cool
- Hues: achromatic
- Contrast of its darkest and lightest colors: 13.3 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 | `#12151c` | `oklch(19.69% 0.0138 264.37)` | Kuroi Black | white, 18.2 to 1 |
| 2 | `#14181e` | `oklch(20.79% 0.0141 263.53)` | River Styx | white, 17.8 to 1 |
| 3 | `#181b22` | `oklch(22.32% 0.0146 262.33)` | Coarse Wool | white, 17.1 to 1 |
| 4 | `#1c2027` | `oklch(24.13% 0.0151 260.94)` | Noble Black | white, 16.3 to 1 |
| 5 | `#20242c` | `oklch(26.09% 0.0158 259.52)` | Dark Gunmetal | white, 15.4 to 1 |
| 6 | `#242931` | `oklch(28.03% 0.0164 258.23)` | Sky Captain | white, 14.5 to 1 |
| 7 | `#282e36` | `oklch(29.88% 0.0172 257.10)` | Deep Space Echo | white, 13.6 to 1 |
| 8 | `#2c333b` | `oklch(31.72% 0.0180 256.00)` | Salute | white, 12.8 to 1 |
| 9 | `#313841` | `oklch(33.64% 0.0189 254.93)` | Night Wizard | white, 11.9 to 1 |
| 10 | `#353d47` | `oklch(35.74% 0.0198 253.94)` | Mountain Fig | white, 10.9 to 1 |
| 11 | `#3b444e` | `oklch(38.11% 0.0205 253.03)` | Arsenic | white, 9.9 to 1 |
| 12 | `#424b55` | `oklch(40.73% 0.0211 252.24)` | Sea Mariner | white, 8.9 to 1 |
| 13 | `#48525d` | `oklch(43.36% 0.0219 251.57)` | Night Tide | white, 7.9 to 1 |
| 14 | `#4f5a65` | `oklch(46.22% 0.0227 250.99)` | Dark and Stormy Night | white, 7 to 1 |
| 15 | `#58636f` | `oklch(49.54% 0.0230 250.44)` | Blue Metal | white, 6.1 to 1 |
| 16 | `#646f7a` | `oklch(53.56% 0.0226 249.88)` | Stormy Weather | white, 5.1 to 1 |
| 17 | `#747e89` | `oklch(58.85% 0.0210 249.23)` | Bay Wharf | black, 5 to 1 |
| 18 | `#8c969f` | `oklch(66.80% 0.0176 248.34)` | Raging Sea | black, 6.9 to 1 |
| 19 | `#aab2b9` | `oklch(75.83% 0.0133 247.41)` | Shaved Ice | black, 9.7 to 1 |
| 20 | `#c6cbd0` | `oklch(83.98% 0.0091 246.65)` | Paparazzi Flash | black, 12.8 to 1 |
| 21 | `#d8dcdf` | `oklch(89.23% 0.0062 246.30)` | Wispy Skies | black, 15.2 to 1 |
| 22 | `#dadde0` | `oklch(89.65% 0.0056 246.60)` | Script White | black, 15.4 to 1 |
| 23 | `#c9cdd2` | `oklch(84.73% 0.0077 247.65)` | Dawn’s Early Light | black, 13.1 to 1 |
| 24 | `#adb3b9` | `oklch(76.28% 0.0114 249.21)` | High Rise | black, 9.8 to 1 |
| 25 | `#8c949c` | `oklch(66.26% 0.0155 250.99)` | Blue Dusk | black, 6.8 to 1 |
| 26 | `#6f7782` | `oklch(56.65% 0.0191 252.68)` | Lunar Shadow | black, 4.6 to 1 |
| 27 | `#5a626d` | `oklch(49.39% 0.0208 253.99)` | Blue Metal | white, 6.1 to 1 |
| 28 | `#4a525d` | `oklch(43.64% 0.0207 255.06)` | Evening Cityscape | white, 7.8 to 1 |
| 29 | `#3d444e` | `oklch(38.46% 0.0195 256.02)` | Blackbird | white, 9.8 to 1 |
| 30 | `#323841` | `oklch(33.96% 0.0178 256.85)` | Night Wizard | white, 11.7 to 1 |
| 31 | `#292f37` | `oklch(30.29% 0.0162 257.53)` | Chimney Sweep | white, 13.4 to 1 |
| 32 | `#23282f` | `oklch(27.56% 0.0152 258.03)` | Black Grey | white, 14.7 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #12151c 0.0%, #14181e 3.2%, #181b22 6.5%, #1c2027 9.7%, #20242c 12.9%, #242931 16.1%, #282e36 19.4%, #2c333b 22.6%, #313841 25.8%, #353d47 29.0%, #3b444e 32.3%, #424b55 35.5%, #48525d 38.7%, #4f5a65 41.9%, #58636f 45.2%, #646f7a 48.4%, #747e89 51.6%, #8c969f 54.8%, #aab2b9 58.1%, #c6cbd0 61.3%, #d8dcdf 64.5%, #dadde0 67.7%, #c9cdd2 71.0%, #adb3b9 74.2%, #8c949c 77.4%, #6f7782 80.6%, #5a626d 83.9%, #4a525d 87.1%, #3d444e 90.3%, #323841 93.5%, #292f37 96.8%, #23282f 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(19.69% 0.0138 264.37) 0.0%, oklch(20.79% 0.0141 263.53) 3.2%, oklch(22.32% 0.0146 262.33) 6.5%, oklch(24.13% 0.0151 260.94) 9.7%, oklch(26.09% 0.0158 259.52) 12.9%, oklch(28.03% 0.0164 258.23) 16.1%, oklch(29.88% 0.0172 257.10) 19.4%, oklch(31.72% 0.0180 256.00) 22.6%, oklch(33.64% 0.0189 254.93) 25.8%, oklch(35.74% 0.0198 253.94) 29.0%, oklch(38.11% 0.0205 253.03) 32.3%, oklch(40.73% 0.0211 252.24) 35.5%, oklch(43.36% 0.0219 251.57) 38.7%, oklch(46.22% 0.0227 250.99) 41.9%, oklch(49.54% 0.0230 250.44) 45.2%, oklch(53.56% 0.0226 249.88) 48.4%, oklch(58.85% 0.0210 249.23) 51.6%, oklch(66.80% 0.0176 248.34) 54.8%, oklch(75.83% 0.0133 247.41) 58.1%, oklch(83.98% 0.0091 246.65) 61.3%, oklch(89.23% 0.0062 246.30) 64.5%, oklch(89.65% 0.0056 246.60) 67.7%, oklch(84.73% 0.0077 247.65) 71.0%, oklch(76.28% 0.0114 249.21) 74.2%, oklch(66.26% 0.0155 250.99) 77.4%, oklch(56.65% 0.0191 252.68) 80.6%, oklch(49.39% 0.0208 253.99) 83.9%, oklch(43.64% 0.0207 255.06) 87.1%, oklch(38.46% 0.0195 256.02) 90.3%, oklch(33.96% 0.0178 256.85) 93.5%, oklch(30.29% 0.0162 257.53) 96.8%, oklch(27.56% 0.0152 258.03) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.197 | 0.014 | 264.4 |
| 2 | 0.283 | 0.017 | 258 |
| 3 | 0.39 | 0.021 | 252.8 |
| 4 | 0.559 | 0.022 | 249.6 |
| 5 | 0.902 | 0.006 | 246.4 |
| 6 | 0.504 | 0.021 | 253.8 |
| 7 | 0.276 | 0.015 | 258 |

## In these collections

- [Silver color palette](https://grabient.com/silver-color-palette)

## Other forms

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