# Stone and blue color palette

The Stone and blue color palette brings together light gray, blue, and dark blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits travel posters and environmental mood boards. Its darkest tone is dark blue, and its lightest tone is light gray.

- Also called: Monochrome gray and navy linear swatches
- Seed: `kYyA7AUBE_8GZP61Hz-KZ-_50YQA`
- Page: https://grabient.com/kYyA7AUBE_8GZP61Hz-KZ-_50YQA?style=linearSwatches&steps=6&angle=315
- Drawn as: linear swatches, 6 steps, 315 degrees
- Kinds: light to dark, muted, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.7 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 | `#b5b9c7` | `oklch(78.74% 0.0193 270.00)` | Blunt | black, 10.7 to 1 |
| 2 | `#7e88a6` | `oklch(62.99% 0.0469 270.00)` | Purple Impression | black, 5.9 to 1 |
| 3 | `#566690` | `oklch(51.57% 0.0689 267.89)` | UCLA Blue | white, 5.6 to 1 |
| 4 | `#354b7b` | `oklch(41.73% 0.0854 264.72)` | Expressionism | white, 8.6 to 1 |
| 5 | `#1e3261` | `oklch(32.68% 0.0868 264.72)` | Navy Trim | white, 12.5 to 1 |
| 6 | `#0e1a3b` | `oklch(22.83% 0.0661 265.77)` | Maastricht Blue | white, 17 to 1 |

## CSS

```css
background: linear-gradient(315deg, #b5b9c7 0.000% 16.667%, #7e88a6 16.667% 33.333%, #566690 33.333% 50.000%, #354b7b 50.000% 66.667%, #1e3261 66.667% 83.333%, #0e1a3b 83.333% 100.000%);
background: linear-gradient(315deg, oklch(78.74% 0.0193 270.00) 0.000% 16.667%, oklch(62.99% 0.0469 270.00) 16.667% 33.333%, oklch(51.57% 0.0689 267.89) 33.333% 50.000%, oklch(41.73% 0.0854 264.72) 50.000% 66.667%, oklch(32.68% 0.0868 264.72) 66.667% 83.333%, oklch(22.83% 0.0661 265.77) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.787 | 0.019 | 270 |
| 2 | 0.63 | 0.047 | 270 |
| 3 | 0.516 | 0.069 | 267.9 |
| 4 | 0.417 | 0.085 | 264.7 |
| 5 | 0.327 | 0.087 | 264.7 |
| 6 | 0.228 | 0.066 | 265.8 |

## In these collections

- [Navy swatches](https://grabient.com/navy-swatches)
- [Winter swatches](https://grabient.com/winter-swatches)
- [Ocean swatches](https://grabient.com/ocean-swatches)

## Other forms

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