# Mauve storm navy and spring leaf stripes

Mauve sinks into storm navy, lifts through blue-gray into pale rain gray, then crosses wet teal and leaf green before ending in ochre. Sixteen diagonal swatches make a southern spring palette with a strong dark-to-light passage. Its restrained purple, green and gold tones suggest shifting rain light over emerging leaves and open fields.

- Also called: Purple, navy, gray and tan linear swatches
- Seed: `kWiy_0IIw1eqEvFImTjWyk1w`
- Page: https://grabient.com/kWiy_0IIw1eqEvFImTjWyk1w?style=linearSwatches&steps=16&angle=135
- Drawn as: linear swatches, 16 steps, 135 degrees
- Kinds: muted
- Hues: two-hue
- Contrast of its darkest and lightest colors: 9.5 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 | `#8c627b` | `oklch(54.72% 0.0648 343.13)` | Victorian Plum | white, 5 to 1 |
| 2 | `#6b4f6d` | `oklch(46.77% 0.0583 324.30)` | Basil Mauve | white, 7.1 to 1 |
| 3 | `#3d3551` | `oklch(35.08% 0.0490 297.08)` | Maharaja | white, 11.4 to 1 |
| 4 | `#1d2438` | `oklch(26.29% 0.0392 269.81)` | Moonless Mystery | white, 15.4 to 1 |
| 5 | `#1b2836` | `oklch(27.11% 0.0312 250.69)` | Abyssal Anchorfish Blue | white, 14.9 to 1 |
| 6 | `#424e58` | `oklch(41.69% 0.0225 240.93)` | Deepest Sea | white, 8.5 to 1 |
| 7 | `#80898f` | `oklch(62.48% 0.0146 235.31)` | Monument | black, 5.8 to 1 |
| 8 | `#b6bec2` | `oklch(79.67% 0.0112 228.83)` | Grey Brook | black, 11.1 to 1 |
| 9 | `#c0ced2` | `oklch(84.23% 0.0162 217.36)` | Alice White | black, 13 to 1 |
| 10 | `#a0bbbe` | `oklch(77.29% 0.0300 202.97)` | Soft Shore | black, 10.3 to 1 |
| 11 | `#719c97` | `oklch(66.10% 0.0481 186.53)` | Avalon | black, 6.9 to 1 |
| 12 | `#518773` | `oklch(57.85% 0.0653 168.29)` | Think Leaf | black, 5 to 1 |
| 13 | `#59865d` | `oklch(57.59% 0.0792 146.61)` | Emerald Ring | black, 4.9 to 1 |
| 14 | `#7f8f4c` | `oklch(61.99% 0.0929 120.24)` | Camo | black, 5.8 to 1 |
| 15 | `#ab9745` | `oklch(67.74% 0.1047 95.23)` | Semi Opal | black, 7.2 to 1 |
| 16 | `#ca9a4a` | `oklch(71.65% 0.1130 77.88)` | Gingerbread House | black, 8.2 to 1 |

## CSS

```css
background: linear-gradient(135deg, #8c627b 0.000% 6.250%, #6b4f6d 6.250% 12.500%, #3d3551 12.500% 18.750%, #1d2438 18.750% 25.000%, #1b2836 25.000% 31.250%, #424e58 31.250% 37.500%, #80898f 37.500% 43.750%, #b6bec2 43.750% 50.000%, #c0ced2 50.000% 56.250%, #a0bbbe 56.250% 62.500%, #719c97 62.500% 68.750%, #518773 68.750% 75.000%, #59865d 75.000% 81.250%, #7f8f4c 81.250% 87.500%, #ab9745 87.500% 93.750%, #ca9a4a 93.750% 100.000%);
background: linear-gradient(135deg, oklch(54.72% 0.0648 343.13) 0.000% 6.250%, oklch(46.77% 0.0583 324.30) 6.250% 12.500%, oklch(35.08% 0.0490 297.08) 12.500% 18.750%, oklch(26.29% 0.0392 269.81) 18.750% 25.000%, oklch(27.11% 0.0312 250.69) 25.000% 31.250%, oklch(41.69% 0.0225 240.93) 31.250% 37.500%, oklch(62.48% 0.0146 235.31) 37.500% 43.750%, oklch(79.67% 0.0112 228.83) 43.750% 50.000%, oklch(84.23% 0.0162 217.36) 50.000% 56.250%, oklch(77.29% 0.0300 202.97) 56.250% 62.500%, oklch(66.10% 0.0481 186.53) 62.500% 68.750%, oklch(57.85% 0.0653 168.29) 68.750% 75.000%, oklch(57.59% 0.0792 146.61) 75.000% 81.250%, oklch(61.99% 0.0929 120.24) 81.250% 87.500%, oklch(67.74% 0.1047 95.23) 87.500% 93.750%, oklch(71.65% 0.1130 77.88) 93.750% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.547 | 0.065 | 343.1 |
| 2 | 0.256 | 0.033 | 254.4 |
| 3 | 0.839 | 0.012 | 223.7 |
| 4 | 0.571 | 0.069 | 163.5 |
| 5 | 0.717 | 0.113 | 77.9 |

## In these collections

- [Southern spring rain](https://grabient.com/southern-spring-rain)

## Other forms

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