# Blue and mustard muted multicolor palette

The Blue and mustard muted multicolor palette brings together dark blue, blue, green, and yellow. The colors span a moderate lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is yellow.

- Also called: Complementary navy, gray and olive linear swatches
- Seed: `kWQE_GrSY_LwSPbJEDNUqo8Y`
- Page: https://grabient.com/kWQE_GrSY_LwSPbJEDNUqo8Y?style=linearSwatches&steps=8
- Drawn as: linear swatches, 8 steps, 90 degrees
- Kinds: dark to light, muted, cool
- Hues: complementary
- Contrast of its darkest and lightest colors: 5.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 | `#1b1554` | `oklch(25.20% 0.1089 279.14)` | Praise of Shadow | white, 16.3 to 1 |
| 2 | `#232464` | `oklch(30.40% 0.1103 276.74)` | Intergalactic Cowboy | white, 13.8 to 1 |
| 3 | `#2e3a74` | `oklch(37.05% 0.0991 271.52)` | Good Karma | white, 10.6 to 1 |
| 4 | `#425176` | `oklch(43.94% 0.0632 265.98)` | Astronaut | white, 7.8 to 1 |
| 5 | `#4a6977` | `oklch(50.36% 0.0422 227.43)` | Planet Green | white, 5.8 to 1 |
| 6 | `#617d6c` | `oklch(56.18% 0.0404 159.01)` | Stone Cypress Green | black, 4.6 to 1 |
| 7 | `#788d5c` | `oklch(61.27% 0.0732 127.42)` | Moss Gardens | black, 5.7 to 1 |
| 8 | `#8a983f` | `oklch(64.96% 0.1157 117.46)` | Café de Paris | black, 6.6 to 1 |

## CSS

```css
background: linear-gradient(90deg, #1b1554 0.000% 12.500%, #232464 12.500% 25.000%, #2e3a74 25.000% 37.500%, #425176 37.500% 50.000%, #4a6977 50.000% 62.500%, #617d6c 62.500% 75.000%, #788d5c 75.000% 87.500%, #8a983f 87.500% 100.000%);
background: linear-gradient(90deg, oklch(25.20% 0.1089 279.14) 0.000% 12.500%, oklch(30.40% 0.1103 276.74) 12.500% 25.000%, oklch(37.05% 0.0991 271.52) 25.000% 37.500%, oklch(43.94% 0.0632 265.98) 37.500% 50.000%, oklch(50.36% 0.0422 227.43) 50.000% 62.500%, oklch(56.18% 0.0404 159.01) 62.500% 75.000%, oklch(61.27% 0.0732 127.42) 75.000% 87.500%, oklch(64.96% 0.1157 117.46) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.252 | 0.109 | 279.1 |
| 2 | 0.354 | 0.105 | 272.8 |
| 3 | 0.472 | 0.05 | 253.8 |
| 4 | 0.575 | 0.044 | 147 |
| 5 | 0.65 | 0.116 | 117.5 |

## In these collections

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

## Other forms

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