# Stone and blue color palette

This palette moves from light blue through blue and dark blue to off-white. It darkens and then lightens across a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits botanical mood boards and garden event graphics, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Monochrome gray and blue radial gradient
- Seed: `kWxxaxxhXAK4ZQCkGkE-YM9Q`
- Page: https://grabient.com/kWxxaxxhXAK4ZQCkGkE-YM9Q?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark center, muted, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 14.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 | `#aabbcc` | `oklch(78.35% 0.0303 249.61)` | Wood Pigeon | black, 10.6 to 1 |
| 2 | `#a3b5c7` | `oklch(76.45% 0.0328 249.78)` | Posey Blue | black, 9.9 to 1 |
| 3 | `#9aadc1` | `oklch(73.89% 0.0362 250.00)` | Soaring Eagle | black, 9.1 to 1 |
| 4 | `#8fa3ba` | `oklch(70.84% 0.0403 250.27)` | Sell Out | black, 8.1 to 1 |
| 5 | `#8399b2` | `oklch(67.48% 0.0447 250.57)` | Polished Metal | black, 7.1 to 1 |
| 6 | `#768faa` | `oklch(63.98% 0.0492 250.89)` | Identity | black, 6.2 to 1 |
| 7 | `#6a84a1` | `oklch(60.53% 0.0535 251.20)` | Brisk Blue | black, 5.4 to 1 |
| 8 | `#5f7b99` | `oklch(57.29% 0.0571 251.51)` | Cropper Blue | black, 4.7 to 1 |
| 9 | `#567292` | `oklch(54.44% 0.0599 251.79)` | Boathouse | white, 4.9 to 1 |
| 10 | `#4e6b8b` | `oklch(51.70% 0.0620 251.97)` | Revel Blue | white, 5.5 to 1 |
| 11 | `#456384` | `oklch(48.99% 0.0637 252.08)` | Blue Ashes | white, 6.2 to 1 |
| 12 | `#3e5b7c` | `oklch(46.32% 0.0650 252.18)` | Carter’s Scroll | white, 7 to 1 |
| 13 | `#365475` | `oklch(43.76% 0.0661 252.31)` | Aerostatics | white, 7.8 to 1 |
| 14 | `#304d6f` | `oklch(41.35% 0.0670 252.53)` | Airforce | white, 8.6 to 1 |
| 15 | `#2a4769` | `oklch(39.12% 0.0678 252.90)` | Commodore | white, 9.5 to 1 |
| 16 | `#244163` | `oklch(37.12% 0.0685 253.46)` | Alpine Race | white, 10.3 to 1 |
| 17 | `#203c5f` | `oklch(35.25% 0.0694 254.34)` | Navy Peony | white, 11.1 to 1 |
| 18 | `#1b3559` | `oklch(32.87% 0.0709 255.84)` | Incremental Blue | white, 12.3 to 1 |
| 19 | `#152e52` | `oklch(30.21% 0.0726 257.77)` | Elite Blue | white, 13.5 to 1 |
| 20 | `#10274c` | `oklch(27.71% 0.0743 259.87)` | Dark Tyrian Blue | white, 14.8 to 1 |
| 21 | `#0e2147` | `oklch(25.77% 0.0755 261.86)` | Dark Eclipse | white, 15.7 to 1 |
| 22 | `#0d1f45` | `oklch(24.81% 0.0759 263.48)` | Dark Eclipse | white, 16.2 to 1 |
| 23 | `#0f1f46` | `oklch(25.23% 0.0750 264.47)` | Dark Eclipse | white, 16 to 1 |
| 24 | `#15254b` | `oklch(27.46% 0.0726 264.55)` | Rurikon Blue | white, 14.9 to 1 |
| 25 | `#213256` | `oklch(32.18% 0.0679 263.46)` | Boatswain | white, 12.6 to 1 |
| 26 | `#344768` | `oklch(39.79% 0.0606 261.17)` | Garnet Stone Blue | white, 9.3 to 1 |
| 27 | `#4f637f` | `oklch(49.42% 0.0515 258.05)` | Admiral Blue | white, 6.1 to 1 |
| 28 | `#708299` | `oklch(60.14% 0.0414 254.44)` | Stonewash | black, 5.3 to 1 |
| 29 | `#94a4b5` | `oklch(71.05% 0.0312 250.69)` | River Valley | black, 8.1 to 1 |
| 30 | `#b7c3cf` | `oklch(81.22% 0.0218 247.17)` | Pageant Song | black, 11.7 to 1 |
| 31 | `#d6dee6` | `oklch(89.73% 0.0138 244.23)` | Blustery Day | black, 15.4 to 1 |
| 32 | `#ecf1f6` | `oklch(95.67% 0.0083 242.21)` | Powder White | black, 18.5 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #aabbcc 0.0%, #a3b5c7 3.2%, #9aadc1 6.5%, #8fa3ba 9.7%, #8399b2 12.9%, #768faa 16.1%, #6a84a1 19.4%, #5f7b99 22.6%, #567292 25.8%, #4e6b8b 29.0%, #456384 32.3%, #3e5b7c 35.5%, #365475 38.7%, #304d6f 41.9%, #2a4769 45.2%, #244163 48.4%, #203c5f 51.6%, #1b3559 54.8%, #152e52 58.1%, #10274c 61.3%, #0e2147 64.5%, #0d1f45 67.7%, #0f1f46 71.0%, #15254b 74.2%, #213256 77.4%, #344768 80.6%, #4f637f 83.9%, #708299 87.1%, #94a4b5 90.3%, #b7c3cf 93.5%, #d6dee6 96.8%, #ecf1f6 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(78.35% 0.0303 249.61) 0.0%, oklch(76.45% 0.0328 249.78) 3.2%, oklch(73.89% 0.0362 250.00) 6.5%, oklch(70.84% 0.0403 250.27) 9.7%, oklch(67.48% 0.0447 250.57) 12.9%, oklch(63.98% 0.0492 250.89) 16.1%, oklch(60.53% 0.0535 251.20) 19.4%, oklch(57.29% 0.0571 251.51) 22.6%, oklch(54.44% 0.0599 251.79) 25.8%, oklch(51.70% 0.0620 251.97) 29.0%, oklch(48.99% 0.0637 252.08) 32.3%, oklch(46.32% 0.0650 252.18) 35.5%, oklch(43.76% 0.0661 252.31) 38.7%, oklch(41.35% 0.0670 252.53) 41.9%, oklch(39.12% 0.0678 252.90) 45.2%, oklch(37.12% 0.0685 253.46) 48.4%, oklch(35.25% 0.0694 254.34) 51.6%, oklch(32.87% 0.0709 255.84) 54.8%, oklch(30.21% 0.0726 257.77) 58.1%, oklch(27.71% 0.0743 259.87) 61.3%, oklch(25.77% 0.0755 261.86) 64.5%, oklch(24.81% 0.0759 263.48) 67.7%, oklch(25.23% 0.0750 264.47) 71.0%, oklch(27.46% 0.0726 264.55) 74.2%, oklch(32.18% 0.0679 263.46) 77.4%, oklch(39.79% 0.0606 261.17) 80.6%, oklch(49.42% 0.0515 258.05) 83.9%, oklch(60.14% 0.0414 254.44) 87.1%, oklch(71.05% 0.0312 250.69) 90.3%, oklch(81.22% 0.0218 247.17) 93.5%, oklch(89.73% 0.0138 244.23) 96.8%, oklch(95.67% 0.0083 242.21) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.783 | 0.03 | 249.6 |
| 2 | 0.551 | 0.059 | 251.7 |
| 3 | 0.362 | 0.069 | 253.8 |
| 4 | 0.283 | 0.072 | 264.4 |
| 5 | 0.957 | 0.008 | 242.2 |

## In these collections

- [Hydrangea ribbon boutonniere](https://grabient.com/hydrangea-ribbon-boutonniere)
- [Navy](https://grabient.com/navy)
- [Orchard frost at dawn](https://grabient.com/orchard-frost-at-dawn)
- [Canola fields storm sky](https://grabient.com/canola-fields-storm-sky)

## Other forms

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