# Denim blue and smoky mauve

Denim blue and dusty cornflower blue blend into lavender, smoky mauve, and dark plum across ten discrete swatch bands. A lighter middle interrupts the darker blue and purple ends, giving the palette a gentle rise and fall in brightness. These subdued colors suit stationery, textile concepts, book covers, and quiet editorial graphics.

- Also called: Analogous blue, gray and dark purple linear swatches
- Seed: `kWcTGyzxRAlaTxk-E8IrYw-Y`
- Page: https://grabient.com/kWcTGyzxRAlaTxk-E8IrYw-Y?style=linearSwatches&steps=10&angle=25
- Drawn as: linear swatches, 10 steps, 25 degrees
- Kinds: light center, muted
- Hues: wide
- Contrast of its darkest and lightest colors: 3.8 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 | `#365678` | `oklch(44.49% 0.0675 251.02)` | Star Spangled | white, 7.5 to 1 |
| 2 | `#4d6b8b` | `oklch(51.80% 0.0623 250.33)` | Revel Blue | white, 5.5 to 1 |
| 3 | `#6b84a4` | `oklch(60.66% 0.0561 253.55)` | Berwick Berry | black, 5.4 to 1 |
| 4 | `#8691b4` | `oklch(65.98% 0.0538 271.95)` | Papilio Argeotus | black, 6.7 to 1 |
| 5 | `#9f93b8` | `oklch(68.72% 0.0537 299.63)` | Lush Mauve | black, 7.3 to 1 |
| 6 | `#9e86a6` | `oklch(65.40% 0.0540 317.37)` | Wonder Violet | black, 6.4 to 1 |
| 7 | `#856985` | `oklch(55.72% 0.0552 326.51)` | Sunshone Plum | white, 4.8 to 1 |
| 8 | `#6c5069` | `oklch(47.03% 0.0522 329.13)` | Hibernation | white, 7 to 1 |
| 9 | `#544156` | `oklch(40.36% 0.0420 323.04)` | Purple Bloom | white, 9.2 to 1 |
| 10 | `#443748` | `oklch(35.83% 0.0331 316.53)` | Wineshade | white, 11 to 1 |

## CSS

```css
background: linear-gradient(25deg, #365678 0.000% 10.000%, #4d6b8b 10.000% 20.000%, #6b84a4 20.000% 30.000%, #8691b4 30.000% 40.000%, #9f93b8 40.000% 50.000%, #9e86a6 50.000% 60.000%, #856985 60.000% 70.000%, #6c5069 70.000% 80.000%, #544156 80.000% 90.000%, #443748 90.000% 100.000%);
background: linear-gradient(25deg, oklch(44.49% 0.0675 251.02) 0.000% 10.000%, oklch(51.80% 0.0623 250.33) 10.000% 20.000%, oklch(60.66% 0.0561 253.55) 20.000% 30.000%, oklch(65.98% 0.0538 271.95) 30.000% 40.000%, oklch(68.72% 0.0537 299.63) 40.000% 50.000%, oklch(65.40% 0.0540 317.37) 50.000% 60.000%, oklch(55.72% 0.0552 326.51) 60.000% 70.000%, oklch(47.03% 0.0522 329.13) 70.000% 80.000%, oklch(40.36% 0.0420 323.04) 80.000% 90.000%, oklch(35.83% 0.0331 316.53) 90.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.445 | 0.068 | 251 |
| 2 | 0.622 | 0.055 | 256.3 |
| 3 | 0.681 | 0.054 | 310.2 |
| 4 | 0.488 | 0.054 | 329.2 |
| 5 | 0.358 | 0.033 | 316.5 |

## In these collections

- [Blue and purple swatches](https://grabient.com/blue-and-purple-swatches)

## Other forms

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