# Stone and blue silver palette

The Stone and blue silver palette brings together off-white, light gray, gray, and blue. 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 blue, and its lightest tone is off-white.

- Also called: Monochrome white, gray and blue radial gradient
- Seed: `ka-QKg9AI_mkEQRYiMESJrAr8zwMrsMCA`
- Page: https://grabient.com/ka-QKg9AI_mkEQRYiMESJrAr8zwMrsMCA?style=radialGradient&steps=32
- Drawn as: radial gradient, 32 steps, 90 degrees
- Kinds: light to dark, muted, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 11.2 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 | `#f7f9fa` | `oklch(98.03% 0.0028 225.70)` | Zhēn Zhū Bái Pearl | black, 19.8 to 1 |
| 2 | `#f4f6f7` | `oklch(97.19% 0.0031 225.10)` | Gram’s Hair | black, 19.3 to 1 |
| 3 | `#eff2f3` | `oklch(96.02% 0.0035 224.12)` | Maui Mist | black, 18.7 to 1 |
| 4 | `#eaeeef` | `oklch(94.63% 0.0040 223.13)` | Dipped in Cloudy Dreams | black, 17.9 to 1 |
| 5 | `#e5e9ea` | `oklch(93.12% 0.0046 222.45)` | Snow Cloud | black, 17.1 to 1 |
| 6 | `#e0e4e6` | `oklch(91.59% 0.0054 222.44)` | Cold Wind | black, 16.3 to 1 |
| 7 | `#dadfe1` | `oklch(90.10% 0.0062 223.35)` | Mainsail | black, 15.6 to 1 |
| 8 | `#d5dadd` | `oklch(88.59% 0.0070 224.97)` | Rinse | black, 14.9 to 1 |
| 9 | `#cfd5d8` | `oklch(86.99% 0.0079 227.04)` | Veiled Spotlight | black, 14.1 to 1 |
| 10 | `#c9d0d3` | `oklch(85.27% 0.0090 229.28)` | Callisto | black, 13.4 to 1 |
| 11 | `#c2cace` | `oklch(83.36% 0.0105 231.41)` | Stone Golem | black, 12.6 to 1 |
| 12 | `#bac3c8` | `oklch(81.21% 0.0120 233.29)` | Metallic | black, 11.7 to 1 |
| 13 | `#b2bbc1` | `oklch(78.79% 0.0132 235.22)` | Stormy | black, 10.8 to 1 |
| 14 | `#a9b3ba` | `oklch(76.21% 0.0146 237.16)` | Shaved Ice | black, 9.8 to 1 |
| 15 | `#a0abb3` | `oklch(73.56% 0.0169 239.02)` | Chateau de Chillon | black, 8.9 to 1 |
| 16 | `#96a3ad` | `oklch(70.95% 0.0207 240.76)` | Cadet Grey | black, 8.1 to 1 |
| 17 | `#8c9ca9` | `oklch(68.43% 0.0267 242.29)` | Gorgeous Graphite | black, 7.4 to 1 |
| 18 | `#8095a6` | `oklch(65.85% 0.0345 243.60)` | Storm Petrel | black, 6.7 to 1 |
| 19 | `#748da3` | `oklch(63.25% 0.0439 244.76)` | Blue Grey | black, 6 to 1 |
| 20 | `#6886a2` | `oklch(60.76% 0.0543 245.88)` | Moody Indigo | black, 5.5 to 1 |
| 21 | `#5c80a1` | `oklch(58.46% 0.0654 247.05)` | Blue Beads | black, 5 to 1 |
| 22 | `#507aa1` | `oklch(56.47% 0.0771 248.35)` | Parisian Blue | black, 4.6 to 1 |
| 23 | `#4575a5` | `oklch(54.99% 0.0913 249.78)` | Decoration Blue | white, 4.8 to 1 |
| 24 | `#3a71aa` | `oklch(53.80% 0.1072 251.28)` | Flat Blue | white, 5 to 1 |
| 25 | `#2f6daf` | `oklch(52.63% 0.1224 252.78)` | In the Nick | white, 5.3 to 1 |
| 26 | `#2567b2` | `oklch(51.20% 0.1350 254.21)` | Mid Blue | white, 5.7 to 1 |
| 27 | `#1d60b0` | `oklch(49.22% 0.1428 255.50)` | Les Cavaliers Beach | white, 6.2 to 1 |
| 28 | `#1657a8` | `oklch(46.37% 0.1451 256.73)` | Raiden Blue | white, 7.1 to 1 |
| 29 | `#104c9c` | `oklch(42.94% 0.1435 257.93)` | Sea of Tears | white, 8.2 to 1 |
| 30 | `#0c428f` | `oklch(39.44% 0.1398 259.01)` | Congress Blue | white, 9.6 to 1 |
| 31 | `#083984` | `oklch(36.38% 0.1359 259.92)` | Magnus Blue | white, 10.9 to 1 |
| 32 | `#06327c` | `oklch(34.25% 0.1337 260.58)` | Below the Surface | white, 11.9 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #f7f9fa 0.0%, #f4f6f7 3.2%, #eff2f3 6.5%, #eaeeef 9.7%, #e5e9ea 12.9%, #e0e4e6 16.1%, #dadfe1 19.4%, #d5dadd 22.6%, #cfd5d8 25.8%, #c9d0d3 29.0%, #c2cace 32.3%, #bac3c8 35.5%, #b2bbc1 38.7%, #a9b3ba 41.9%, #a0abb3 45.2%, #96a3ad 48.4%, #8c9ca9 51.6%, #8095a6 54.8%, #748da3 58.1%, #6886a2 61.3%, #5c80a1 64.5%, #507aa1 67.7%, #4575a5 71.0%, #3a71aa 74.2%, #2f6daf 77.4%, #2567b2 80.6%, #1d60b0 83.9%, #1657a8 87.1%, #104c9c 90.3%, #0c428f 93.5%, #083984 96.8%, #06327c 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(98.03% 0.0028 225.70) 0.0%, oklch(97.19% 0.0031 225.10) 3.2%, oklch(96.02% 0.0035 224.12) 6.5%, oklch(94.63% 0.0040 223.13) 9.7%, oklch(93.12% 0.0046 222.45) 12.9%, oklch(91.59% 0.0054 222.44) 16.1%, oklch(90.10% 0.0062 223.35) 19.4%, oklch(88.59% 0.0070 224.97) 22.6%, oklch(86.99% 0.0079 227.04) 25.8%, oklch(85.27% 0.0090 229.28) 29.0%, oklch(83.36% 0.0105 231.41) 32.3%, oklch(81.21% 0.0120 233.29) 35.5%, oklch(78.79% 0.0132 235.22) 38.7%, oklch(76.21% 0.0146 237.16) 41.9%, oklch(73.56% 0.0169 239.02) 45.2%, oklch(70.95% 0.0207 240.76) 48.4%, oklch(68.43% 0.0267 242.29) 51.6%, oklch(65.85% 0.0345 243.60) 54.8%, oklch(63.25% 0.0439 244.76) 58.1%, oklch(60.76% 0.0543 245.88) 61.3%, oklch(58.46% 0.0654 247.05) 64.5%, oklch(56.47% 0.0771 248.35) 67.7%, oklch(54.99% 0.0913 249.78) 71.0%, oklch(53.80% 0.1072 251.28) 74.2%, oklch(52.63% 0.1224 252.78) 77.4%, oklch(51.20% 0.1350 254.21) 80.6%, oklch(49.22% 0.1428 255.50) 83.9%, oklch(46.37% 0.1451 256.73) 87.1%, oklch(42.94% 0.1435 257.93) 90.3%, oklch(39.44% 0.1398 259.01) 93.5%, oklch(36.38% 0.1359 259.92) 96.8%, oklch(34.25% 0.1337 260.58) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.98 | 0.003 | 225.7 |
| 2 | 0.913 | 0.006 | 222.5 |
| 3 | 0.827 | 0.011 | 232 |
| 4 | 0.697 | 0.023 | 241.6 |
| 5 | 0.571 | 0.073 | 247.9 |
| 6 | 0.496 | 0.142 | 255.3 |
| 7 | 0.343 | 0.134 | 260.6 |

## In these collections

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

## Other forms

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