# Lavender, navy and olive angular swatches

Lavender, navy and olive angular swatches with 8 colors: #b99dc9, #9a7dc0, #6e57a6, #463a83, #333165, #3c3f4c, #5a5d4f, #828356. Edit it and copy or download CSS, SVG, PNG or shader code.

- Seed: `kcuzLe0aU-0GsvuzKz8K6C_S8IPu8CK1TBc_A`
- Page: https://grabient.com/kcuzLe0aU-0GsvuzKz8K6C_S8IPu8CK1TBc_A?style=angularSwatches&steps=8&angle=315
- Drawn as: angular swatches, 8 steps, 315 degrees
- Kinds: dark center, muted
- Hues: analogous
- Contrast of its darkest and lightest colors: 4.9 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 | `#b99dc9` | `oklch(73.62% 0.0689 312.89)` | Purple Prophet | black, 8.7 to 1 |
| 2 | `#9a7dc0` | `oklch(64.17% 0.1020 303.38)` | Plum Burst | black, 6 to 1 |
| 3 | `#6e57a6` | `oklch(51.57% 0.1226 294.93)` | Prophet Violet | white, 5.8 to 1 |
| 4 | `#463a83` | `oklch(40.16% 0.1185 287.53)` | Nauseous Blue | white, 9.5 to 1 |
| 5 | `#333165` | `oklch(34.25% 0.0896 282.24)` | Deep Koamaru | white, 11.9 to 1 |
| 6 | `#3c3f4c` | `oklch(37.01% 0.0220 273.79)` | Indian Ink | white, 10.4 to 1 |
| 7 | `#5a5d4f` | `oklch(47.24% 0.0234 116.33)` | Nottingham Forest | white, 6.7 to 1 |
| 8 | `#828356` | `oklch(59.84% 0.0634 108.94)` | Army Issue Green | black, 5.3 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #b99dc9 0.000% 12.500%, #9a7dc0 12.500% 25.000%, #6e57a6 25.000% 37.500%, #463a83 37.500% 50.000%, #333165 50.000% 62.500%, #3c3f4c 62.500% 75.000%, #5a5d4f 75.000% 87.500%, #828356 87.500% 100.000%);
background: conic-gradient(from 315deg, oklch(73.62% 0.0689 312.89) 0.000% 12.500%, oklch(64.17% 0.1020 303.38) 12.500% 25.000%, oklch(51.57% 0.1226 294.93) 25.000% 37.500%, oklch(40.16% 0.1185 287.53) 37.500% 50.000%, oklch(34.25% 0.0896 282.24) 50.000% 62.500%, oklch(37.01% 0.0220 273.79) 62.500% 75.000%, oklch(47.24% 0.0234 116.33) 75.000% 87.500%, oklch(59.84% 0.0634 108.94) 87.500% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.736 | 0.069 | 312.9 |
| 2 | 0.642 | 0.102 | 303.4 |
| 3 | 0.516 | 0.123 | 294.9 |
| 4 | 0.402 | 0.119 | 287.5 |
| 5 | 0.343 | 0.09 | 282.2 |
| 6 | 0.37 | 0.022 | 273.8 |
| 7 | 0.472 | 0.023 | 116.3 |
| 8 | 0.598 | 0.063 | 108.9 |

## In these collections

- [Violet rain on sandstone](https://grabient.com/violet-rain-on-sandstone)

## Other forms

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