# Gray and powder blue color palette

The Gray and powder blue color palette brings together gray, light blue, and off-white. The colors span a broad lightness range, combining restrained color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is gray, and its lightest tone is off-white.

- Also called: Cool gray radial gradient
- Seed: `kWegu14Ik__yDP_qjL_xge_4`
- Page: https://grabient.com/kWegu14Ik__yDP_qjL_xge_4?style=radialGradient&steps=40&angle=180
- Drawn as: radial gradient, 40 steps, 180 degrees
- Kinds: light center, neutral, cool
- Hues: achromatic
- Contrast of its darkest and lightest colors: 6.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 | `#585e66` | `oklch(48.03% 0.0152 255.23)` | Blue Slate | white, 6.5 to 1 |
| 2 | `#5d636c` | `oklch(49.77% 0.0159 255.23)` | Script Ink | white, 6 to 1 |
| 3 | `#636a73` | `oklch(52.05% 0.0169 255.23)` | Granite Peak | white, 5.4 to 1 |
| 4 | `#6a727c` | `oklch(54.76% 0.0183 255.23)` | Made in the Shade | white, 4.8 to 1 |
| 5 | `#727b86` | `oklch(57.80% 0.0197 255.23)` | Deep Shale | black, 4.8 to 1 |
| 6 | `#7b8490` | `oklch(61.04% 0.0212 255.23)` | Smoky Studio | black, 5.5 to 1 |
| 7 | `#848e9b` | `oklch(64.39% 0.0226 255.23)` | Applause Please | black, 6.3 to 1 |
| 8 | `#8e98a6` | `oklch(67.73% 0.0237 255.23)` | Trance | black, 7.2 to 1 |
| 9 | `#97a2b1` | `oklch(70.95% 0.0245 255.23)` | Robotic Gods | black, 8.1 to 1 |
| 10 | `#a0acbb` | `oklch(73.95% 0.0249 255.23)` | Petrel Blue Grey | black, 9.1 to 1 |
| 11 | `#a9b4c3` | `oklch(76.63% 0.0247 255.23)` | Bluebeard | black, 10 to 1 |
| 12 | `#b2bdcb` | `oklch(79.36% 0.0237 255.23)` | Stainless Steel | black, 11 to 1 |
| 13 | `#bcc6d3` | `oklch(82.22% 0.0219 255.23)` | Icy | black, 12.1 to 1 |
| 14 | `#c6cfdb` | `oklch(85.11% 0.0196 255.23)` | Steel Mist | black, 13.3 to 1 |
| 15 | `#d0d8e3` | `oklch(87.95% 0.0171 255.23)` | Pale Cornflower | black, 14.6 to 1 |
| 16 | `#dae1ea` | `oklch(90.62% 0.0145 255.23)` | Star Map | black, 15.8 to 1 |
| 17 | `#e3e9f0` | `oklch(93.03% 0.0121 255.23)` | Himalaya Peaks | black, 17.1 to 1 |
| 18 | `#eaeff6` | `oklch(95.09% 0.0101 255.23)` | First Snow | black, 18.2 to 1 |
| 19 | `#f0f4fa` | `oklch(96.69% 0.0087 255.23)` | Boysenberry Shadow | black, 19 to 1 |
| 20 | `#f4f8fd` | `oklch(97.74% 0.0082 255.23)` | Mā White | black, 19.6 to 1 |
| 21 | `#f5f9ff` | `oklch(98.16% 0.0087 255.23)` | Ghost White | black, 19.9 to 1 |
| 22 | `#f4f9ff` | `oklch(97.99% 0.0096 255.19)` | Mā White | black, 19.8 to 1 |
| 23 | `#f1f7ff` | `oklch(97.32% 0.0128 255.20)` | Alice Blue | black, 19.4 to 1 |
| 24 | `#ebf3fe` | `oklch(96.22% 0.0162 255.23)` | Placebo Blue | black, 18.8 to 1 |
| 25 | `#e5effb` | `oklch(94.75% 0.0198 255.23)` | Cotton Boll | black, 18 to 1 |
| 26 | `#dee9f8` | `oklch(92.99% 0.0235 255.23)` | Freeze Up | black, 17.1 to 1 |
| 27 | `#d6e3f4` | `oklch(91.00% 0.0271 255.23)` | Aquarelle Purple | black, 16 to 1 |
| 28 | `#cddcef` | `oklch(88.87% 0.0303 255.23)` | Alaskan Skies | black, 15 to 1 |
| 29 | `#c5d5e9` | `oklch(86.64% 0.0327 255.23)` | Rain Song | black, 14 to 1 |
| 30 | `#bdcde2` | `oklch(84.41% 0.0343 255.23)` | Sky’s the Limit | black, 13 to 1 |
| 31 | `#b6c6db` | `oklch(82.05% 0.0347 255.23)` | Blue Ballerina | black, 12 to 1 |
| 32 | `#adbdd1` | `oklch(79.20% 0.0342 255.23)` | Sweet Blue | black, 10.9 to 1 |
| 33 | `#a3b3c6` | `oklch(75.99% 0.0331 255.23)` | Posey Blue | black, 9.7 to 1 |
| 34 | `#9aa8ba` | `oklch(72.56% 0.0314 255.23)` | Lead Ore | black, 8.6 to 1 |
| 35 | `#909dae` | `oklch(69.04% 0.0295 255.23)` | Atom Blue | black, 7.5 to 1 |
| 36 | `#8692a2` | `oklch(65.58% 0.0273 255.23)` | Fantasy Grey | black, 6.6 to 1 |
| 37 | `#7d8897` | `oklch(62.32% 0.0252 255.23)` | Window Screen | black, 5.8 to 1 |
| 38 | `#757f8c` | `oklch(59.39% 0.0233 255.23)` | Bay Wharf | black, 5.1 to 1 |
| 39 | `#6f7884` | `oklch(56.95% 0.0217 255.23)` | Lunar Shadow | black, 4.7 to 1 |
| 40 | `#6a737e` | `oklch(55.12% 0.0207 255.23)` | Long Lake | white, 4.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #585e66 0.0%, #5d636c 2.6%, #636a73 5.1%, #6a727c 7.7%, #727b86 10.3%, #7b8490 12.8%, #848e9b 15.4%, #8e98a6 17.9%, #97a2b1 20.5%, #a0acbb 23.1%, #a9b4c3 25.6%, #b2bdcb 28.2%, #bcc6d3 30.8%, #c6cfdb 33.3%, #d0d8e3 35.9%, #dae1ea 38.5%, #e3e9f0 41.0%, #eaeff6 43.6%, #f0f4fa 46.2%, #f4f8fd 48.7%, #f5f9ff 51.3%, #f4f9ff 53.8%, #f1f7ff 56.4%, #ebf3fe 59.0%, #e5effb 61.5%, #dee9f8 64.1%, #d6e3f4 66.7%, #cddcef 69.2%, #c5d5e9 71.8%, #bdcde2 74.4%, #b6c6db 76.9%, #adbdd1 79.5%, #a3b3c6 82.1%, #9aa8ba 84.6%, #909dae 87.2%, #8692a2 89.7%, #7d8897 92.3%, #757f8c 94.9%, #6f7884 97.4%, #6a737e 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(48.03% 0.0152 255.23) 0.0%, oklch(49.77% 0.0159 255.23) 2.6%, oklch(52.05% 0.0169 255.23) 5.1%, oklch(54.76% 0.0183 255.23) 7.7%, oklch(57.80% 0.0197 255.23) 10.3%, oklch(61.04% 0.0212 255.23) 12.8%, oklch(64.39% 0.0226 255.23) 15.4%, oklch(67.73% 0.0237 255.23) 17.9%, oklch(70.95% 0.0245 255.23) 20.5%, oklch(73.95% 0.0249 255.23) 23.1%, oklch(76.63% 0.0247 255.23) 25.6%, oklch(79.36% 0.0237 255.23) 28.2%, oklch(82.22% 0.0219 255.23) 30.8%, oklch(85.11% 0.0196 255.23) 33.3%, oklch(87.95% 0.0171 255.23) 35.9%, oklch(90.62% 0.0145 255.23) 38.5%, oklch(93.03% 0.0121 255.23) 41.0%, oklch(95.09% 0.0101 255.23) 43.6%, oklch(96.69% 0.0087 255.23) 46.2%, oklch(97.74% 0.0082 255.23) 48.7%, oklch(98.16% 0.0087 255.23) 51.3%, oklch(97.99% 0.0096 255.19) 53.8%, oklch(97.32% 0.0128 255.20) 56.4%, oklch(96.22% 0.0162 255.23) 59.0%, oklch(94.75% 0.0198 255.23) 61.5%, oklch(92.99% 0.0235 255.23) 64.1%, oklch(91.00% 0.0271 255.23) 66.7%, oklch(88.87% 0.0303 255.23) 69.2%, oklch(86.64% 0.0327 255.23) 71.8%, oklch(84.41% 0.0343 255.23) 74.4%, oklch(82.05% 0.0347 255.23) 76.9%, oklch(79.20% 0.0342 255.23) 79.5%, oklch(75.99% 0.0331 255.23) 82.1%, oklch(72.56% 0.0314 255.23) 84.6%, oklch(69.04% 0.0295 255.23) 87.2%, oklch(65.58% 0.0273 255.23) 89.7%, oklch(62.32% 0.0252 255.23) 92.3%, oklch(59.39% 0.0233 255.23) 94.9%, oklch(56.95% 0.0217 255.23) 97.4%, oklch(55.12% 0.0207 255.23) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.48 | 0.015 | 255.2 |
| 2 | 0.76 | 0.025 | 255.2 |
| 3 | 0.98 | 0.008 | 255.2 |
| 4 | 0.839 | 0.034 | 255.2 |
| 5 | 0.551 | 0.021 | 255.2 |

## In these collections

- [Metallic gradients](https://grabient.com/metallic-gradients)
- [Chrome gradients](https://grabient.com/chrome-gradients)

## Other forms

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