# Blue and stone minimal palette

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

- Also called: Cool gray angular swatches
- Seed: `kWgR3CThK--CPv_vBsE84LOw`
- Page: https://grabient.com/kWgR3CThK--CPv_vBsE84LOw?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: dark to light, neutral, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 4.4 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 | `#5e647d` | `oklch(50.79% 0.0400 272.81)` | Purple Daze | white, 5.8 to 1 |
| 2 | `#6f7d9b` | `oklch(58.87% 0.0498 265.64)` | Infinity and Beyond | black, 5 to 1 |
| 3 | `#8f9fbe` | `oklch(70.20% 0.0481 263.19)` | Electric Sky | black, 7.9 to 1 |
| 4 | `#b6c2d8` | `oklch(81.16% 0.0333 262.30)` | Virginia Blue | black, 11.6 to 1 |
| 5 | `#dad8e3` | `oklch(88.67% 0.0147 294.72)` | Misty Violet | black, 14.8 to 1 |
| 6 | `#e5e0de` | `oklch(90.94% 0.0069 40.68)` | Timid Beige | black, 16 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #5e647d 0.000% 16.667%, #6f7d9b 16.667% 33.333%, #8f9fbe 33.333% 50.000%, #b6c2d8 50.000% 66.667%, #dad8e3 66.667% 83.333%, #e5e0de 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(50.79% 0.0400 272.81) 0.000% 16.667%, oklch(58.87% 0.0498 265.64) 16.667% 33.333%, oklch(70.20% 0.0481 263.19) 33.333% 50.000%, oklch(81.16% 0.0333 262.30) 50.000% 66.667%, oklch(88.67% 0.0147 294.72) 66.667% 83.333%, oklch(90.94% 0.0069 40.68) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.508 | 0.04 | 272.8 |
| 2 | 0.614 | 0.051 | 264.4 |
| 3 | 0.76 | 0.043 | 264.4 |
| 4 | 0.874 | 0.018 | 274.9 |
| 5 | 0.909 | 0.007 | 400.7 |

## In these collections

- [Minimal color palette](https://grabient.com/minimal-color-palette)

## Other forms

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