# Blue and stone color palette

The Blue and stone color palette brings together blue, dark blue, yellow, and light gray. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is dark blue, and its lightest tone is light gray.

- Also called: Gray, blue and dark green linear gradient
- Seed: `kWqiGyORe_50TQLCjq38AbQo`
- Page: https://grabient.com/kWqiGyORe_50TQLCjq38AbQo?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: dark center, muted, cool
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 11.9 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 | `#8098b1` | `oklch(66.93% 0.0455 250.31)` | Polished Metal | black, 7 to 1 |
| 2 | `#7a92ac` | `oklch(65.16% 0.0472 250.27)` | Wink | black, 6.5 to 1 |
| 3 | `#728ba6` | `oklch(62.81% 0.0499 250.16)` | Starset | black, 5.9 to 1 |
| 4 | `#68839f` | `oklch(60.00% 0.0530 250.02)` | Bay View | black, 5.3 to 1 |
| 5 | `#5e7a97` | `oklch(56.88% 0.0563 249.90)` | Cropper Blue | black, 4.7 to 1 |
| 6 | `#53708f` | `oklch(53.60% 0.0595 249.84)` | Moonlight Blue | white, 5.1 to 1 |
| 7 | `#486787` | `oklch(50.30% 0.0622 249.88)` | French Mirage Blue | white, 5.8 to 1 |
| 8 | `#3f5e7e` | `oklch(47.11% 0.0641 250.06)` | Chinese Porcelain | white, 6.7 to 1 |
| 9 | `#375576` | `oklch(44.14% 0.0648 250.50)` | Blue Earth | white, 7.6 to 1 |
| 10 | `#2f4c6c` | `oklch(40.76% 0.0646 252.70)` | Celestial Blue | white, 8.9 to 1 |
| 11 | `#294061` | `oklch(36.94% 0.0635 256.43)` | Alpine Race | white, 10.4 to 1 |
| 12 | `#233555` | `oklch(33.00% 0.0618 260.62)` | Boatswain | white, 12.2 to 1 |
| 13 | `#1d2b4a` | `oklch(29.29% 0.0597 264.20)` | Rurikon Blue | white, 14 to 1 |
| 14 | `#172340` | `oklch(26.13% 0.0575 266.12)` | Cool Balaclavas Are Forever | white, 15.5 to 1 |
| 15 | `#121e39` | `oklch(23.86% 0.0552 265.31)` | Nightwalker | white, 16.5 to 1 |
| 16 | `#0d1c35` | `oklch(22.80% 0.0532 260.71)` | Trapped Darkness | white, 17 to 1 |
| 17 | `#081f35` | `oklch(23.27% 0.0516 250.74)` | Trapped Darkness | white, 16.7 to 1 |
| 18 | `#022636` | `oklch(25.21% 0.0501 232.74)` | Murky Depths | white, 15.7 to 1 |
| 19 | `#003036` | `oklch(28.32% 0.0487 208.94)` | Roof Tile Green | white, 14.2 to 1 |
| 20 | `#123b36` | `oklch(32.32% 0.0473 182.27)` | Night Turquoise | white, 12.2 to 1 |
| 21 | `#2b4735` | `oklch(36.90% 0.0458 155.62)` | Wine Bottle Green | white, 10.2 to 1 |
| 22 | `#445238` | `oklch(41.79% 0.0443 131.92)` | Green Shade Wash | white, 8.3 to 1 |
| 23 | `#595d41` | `oklch(46.68% 0.0425 114.09)` | Cypress | white, 6.8 to 1 |
| 24 | `#6a694d` | `oklch(51.29% 0.0405 105.03)` | Hemlock | white, 5.6 to 1 |
| 25 | `#76765c` | `oklch(55.73% 0.0381 107.19)` | Boardman | white, 4.6 to 1 |
| 26 | `#80866e` | `oklch(60.73% 0.0352 119.37)` | Shebang | black, 5.5 to 1 |
| 27 | `#899785` | `oklch(66.06% 0.0320 138.78)` | Manifest | black, 6.8 to 1 |
| 28 | `#94a99e` | `oklch(71.46% 0.0286 162.62)` | Melville | black, 8.4 to 1 |
| 29 | `#a2b9b6` | `oklch(76.64% 0.0253 188.08)` | Gin Berry | black, 10.1 to 1 |
| 30 | `#b2c6ca` | `oklch(81.33% 0.0223 212.34)` | Restful Retreat | black, 11.8 to 1 |
| 31 | `#c3d1da` | `oklch(85.27% 0.0197 232.61)` | Tinsel Beam | black, 13.4 to 1 |
| 32 | `#cfdae3` | `oklch(88.19% 0.0179 246.09)` | Pale Cornflower | black, 14.7 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8098b1 0.0%, #7a92ac 3.2%, #728ba6 6.5%, #68839f 9.7%, #5e7a97 12.9%, #53708f 16.1%, #486787 19.4%, #3f5e7e 22.6%, #375576 25.8%, #2f4c6c 29.0%, #294061 32.3%, #233555 35.5%, #1d2b4a 38.7%, #172340 41.9%, #121e39 45.2%, #0d1c35 48.4%, #081f35 51.6%, #022636 54.8%, #003036 58.1%, #123b36 61.3%, #2b4735 64.5%, #445238 67.7%, #595d41 71.0%, #6a694d 74.2%, #76765c 77.4%, #80866e 80.6%, #899785 83.9%, #94a99e 87.1%, #a2b9b6 90.3%, #b2c6ca 93.5%, #c3d1da 96.8%, #cfdae3 100.0%);
background: linear-gradient(135deg in oklch, oklch(66.93% 0.0455 250.31) 0.0%, oklch(65.16% 0.0472 250.27) 3.2%, oklch(62.81% 0.0499 250.16) 6.5%, oklch(60.00% 0.0530 250.02) 9.7%, oklch(56.88% 0.0563 249.90) 12.9%, oklch(53.60% 0.0595 249.84) 16.1%, oklch(50.30% 0.0622 249.88) 19.4%, oklch(47.11% 0.0641 250.06) 22.6%, oklch(44.14% 0.0648 250.50) 25.8%, oklch(40.76% 0.0646 252.70) 29.0%, oklch(36.94% 0.0635 256.43) 32.3%, oklch(33.00% 0.0618 260.62) 35.5%, oklch(29.29% 0.0597 264.20) 38.7%, oklch(26.13% 0.0575 266.12) 41.9%, oklch(23.86% 0.0552 265.31) 45.2%, oklch(22.80% 0.0532 260.71) 48.4%, oklch(23.27% 0.0516 250.74) 51.6%, oklch(25.21% 0.0501 232.74) 54.8%, oklch(28.32% 0.0487 208.94) 58.1%, oklch(32.32% 0.0473 182.27) 61.3%, oklch(36.90% 0.0458 155.62) 64.5%, oklch(41.79% 0.0443 131.92) 67.7%, oklch(46.68% 0.0425 114.09) 71.0%, oklch(51.29% 0.0405 105.03) 74.2%, oklch(55.73% 0.0381 107.19) 77.4%, oklch(60.73% 0.0352 119.37) 80.6%, oklch(66.06% 0.0320 138.78) 83.9%, oklch(71.46% 0.0286 162.62) 87.1%, oklch(76.64% 0.0253 188.08) 90.3%, oklch(81.33% 0.0223 212.34) 93.5%, oklch(85.27% 0.0197 232.61) 96.8%, oklch(88.19% 0.0179 246.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.669 | 0.045 | 250.3 |
| 2 | 0.449 | 0.065 | 250.3 |
| 3 | 0.228 | 0.052 | 256.7 |
| 4 | 0.524 | 0.04 | 104.5 |
| 5 | 0.882 | 0.018 | 246.1 |

## In these collections

- [Navy](https://grabient.com/navy)
- [Paper lantern dusk](https://grabient.com/paper-lantern-dusk)
- [Composition notebook doodles](https://grabient.com/composition-notebook-doodles)
- [Orchard frost at dawn](https://grabient.com/orchard-frost-at-dawn)

## Other forms

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