# Navy, purple, pink and olive linear swatches

Navy, purple, pink and olive linear swatches with 7 colors: #2d2341, #4f3b65, #7a5988, #a47aa0, #cea7bb, #cda292, #768750. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kWSCfUuh1BVCbQjlEcQy51Nw`
- Page: https://grabient.com/kWSCfUuh1BVCbQjlEcQy51Nw?style=linearSwatches&angle=160
- Drawn as: linear swatches, 7 steps, 160 degrees
- Kinds: light center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#2d2341` | `oklch(28.35% 0.0537 298.83)` | Telopea | white, 14.6 to 1 |
| 2 | `#4f3b65` | `oklch(39.22% 0.0726 305.60)` | Mulberry Purple | white, 9.8 to 1 |
| 3 | `#7a5988` | `oklch(51.60% 0.0812 315.62)` | Champion | white, 5.8 to 1 |
| 4 | `#a47aa0` | `oklch(63.39% 0.0744 329.47)` | Usu Pink | black, 5.8 to 1 |
| 5 | `#cea7bb` | `oklch(76.89% 0.0534 346.77)` | Fragrant Lilac | black, 9.8 to 1 |
| 6 | `#cda292` | `oklch(74.77% 0.0557 42.82)` | Cashmere Clay | black, 9.1 to 1 |
| 7 | `#768750` | `oklch(59.45% 0.0799 122.70)` | Green Suede | black, 5.3 to 1 |

## CSS

```css
background: linear-gradient(160deg, #2d2341 0.000% 14.286%, #4f3b65 14.286% 28.571%, #7a5988 28.571% 42.857%, #a47aa0 42.857% 57.143%, #cea7bb 57.143% 71.429%, #cda292 71.429% 85.714%, #768750 85.714% 100.000%);
background: linear-gradient(160deg, oklch(28.35% 0.0537 298.83) 0.000% 14.286%, oklch(39.22% 0.0726 305.60) 14.286% 28.571%, oklch(51.60% 0.0812 315.62) 28.571% 42.857%, oklch(63.39% 0.0744 329.47) 42.857% 57.143%, oklch(76.89% 0.0534 346.77) 57.143% 71.429%, oklch(74.77% 0.0557 42.82) 71.429% 85.714%, oklch(59.45% 0.0799 122.70) 85.714% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0.054 | 298.8 |
| 2 | 0.457 | 0.08 | 310.5 |
| 3 | 0.634 | 0.074 | 329.5 |
| 4 | 0.795 | 0.048 | 365.4 |
| 5 | 0.594 | 0.08 | 482.7 |

## In these collections

- [Muted swatches](https://grabient.com/muted-swatches)
- [Garden swatches](https://grabient.com/garden-swatches)
- [Cottagecore swatches](https://grabient.com/cottagecore-swatches)

## Other forms

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