# Dusty blue and pale sage muted multicolor

The Dusty blue and pale sage muted multicolor brings together blue, gray, orange, light orange, and off-white. The colors span a broad lightness range, combining restrained 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: Complementary navy, gray and beige linear swatches
- Seed: `kWVBvAvIUvFQRudokD-dojGA`
- Page: https://grabient.com/kWVBvAvIUvFQRudokD-dojGA?style=linearSwatches&steps=13
- Drawn as: linear swatches, 13 steps, 90 degrees
- Kinds: dark to light, neutral
- Hues: analogous
- Contrast of its darkest and lightest colors: 10.1 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 | `#2e3549` | `oklch(33.07% 0.0372 270.70)` | Bunting | white, 12.2 to 1 |
| 2 | `#2f424c` | `oklch(36.70% 0.0290 230.35)` | Deepsea Core | white, 10.4 to 1 |
| 3 | `#43504c` | `oklch(41.95% 0.0182 174.15)` | New Forest | white, 8.3 to 1 |
| 4 | `#5a5e56` | `oklch(47.64% 0.0138 128.04)` | Chicago | white, 6.6 to 1 |
| 5 | `#706e5f` | `oklch(53.60% 0.0224 102.25)` | King’s Court | white, 5.1 to 1 |
| 6 | `#8a7f67` | `oklch(60.00% 0.0375 86.55)` | Lagoon Moss | black, 5.3 to 1 |
| 7 | `#a48f72` | `oklch(66.14% 0.0482 76.26)` | Snuggle Pie | black, 6.7 to 1 |
| 8 | `#b99f83` | `oklch(71.89% 0.0503 69.57)` | Nankeen | black, 8.3 to 1 |
| 9 | `#cab095` | `oklch(77.37% 0.0481 68.28)` | Basswood | black, 10.1 to 1 |
| 10 | `#d7c1a6` | `oklch(82.28% 0.0441 73.09)` | Country Linen | black, 12 to 1 |
| 11 | `#ded3b8` | `oklch(86.75% 0.0377 88.20)` | Sahara Wind | black, 14 to 1 |
| 12 | `#e1e2cc` | `oklch(90.64% 0.0294 109.41)` | Persian Blinds | black, 15.9 to 1 |
| 13 | `#e5ecdb` | `oklch(93.31% 0.0234 124.87)` | Minified Mint | black, 17.3 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2e3549 0.000% 7.692%, #2f424c 7.692% 15.385%, #43504c 15.385% 23.077%, #5a5e56 23.077% 30.769%, #706e5f 30.769% 38.462%, #8a7f67 38.462% 46.154%, #a48f72 46.154% 53.846%, #b99f83 53.846% 61.538%, #cab095 61.538% 69.231%, #d7c1a6 69.231% 76.923%, #ded3b8 76.923% 84.615%, #e1e2cc 84.615% 92.308%, #e5ecdb 92.308% 100.000%);
background: linear-gradient(90deg, oklch(33.07% 0.0372 270.70) 0.000% 7.692%, oklch(36.70% 0.0290 230.35) 7.692% 15.385%, oklch(41.95% 0.0182 174.15) 15.385% 23.077%, oklch(47.64% 0.0138 128.04) 23.077% 30.769%, oklch(53.60% 0.0224 102.25) 30.769% 38.462%, oklch(60.00% 0.0375 86.55) 38.462% 46.154%, oklch(66.14% 0.0482 76.26) 46.154% 53.846%, oklch(71.89% 0.0503 69.57) 53.846% 61.538%, oklch(77.37% 0.0481 68.28) 61.538% 69.231%, oklch(82.28% 0.0441 73.09) 69.231% 76.923%, oklch(86.75% 0.0377 88.20) 76.923% 84.615%, oklch(90.64% 0.0294 109.41) 84.615% 92.308%, oklch(93.31% 0.0234 124.87) 92.308% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.331 | 0.037 | 270.7 |
| 2 | 0.476 | 0.014 | 128 |
| 3 | 0.661 | 0.048 | 76.3 |
| 4 | 0.823 | 0.044 | 73.1 |
| 5 | 0.933 | 0.023 | 124.9 |

## In these collections

- [Muted multicolor swatches](https://grabient.com/muted-multicolor-swatches)

## Other forms

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