# Olive, moss and lavender bold palette

The Olive, moss and lavender bold palette brings together dark yellow, green, purple, and light purple. The colors span a broad 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 yellow, and its lightest tone is light purple.

- Also called: Black, olive, purple and lavender linear swatches
- Seed: `kWSBlSRCPAV6xv_AsCv6BrAg`
- Page: https://grabient.com/kWSBlSRCPAV6xv_AsCv6BrAg?style=linearSwatches&steps=5&angle=180
- Drawn as: linear swatches, 5 steps, 180 degrees
- Hues: triadic
- Contrast of its darkest and lightest colors: 7.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 | `#292c18` | `oklch(28.35% 0.0344 115.31)` | Metal Construction Green | white, 14.3 to 1 |
| 2 | `#68752d` | `oklch(53.54% 0.0978 118.48)` | Muddy Green | white, 5 to 1 |
| 3 | `#a4b84a` | `oklch(74.41% 0.1364 118.48)` | Azeitona | black, 9.4 to 1 |
| 4 | `#7c4d9e` | `oklch(50.79% 0.1323 309.40)` | Purple Pleasures | white, 6.1 to 1 |
| 5 | `#d6b6e5` | `oklch(81.89% 0.0730 314.69)` | Pretty Petunia | black, 11.6 to 1 |

## CSS

```css
background: linear-gradient(180deg, #292c18 0.000% 20.000%, #68752d 20.000% 40.000%, #a4b84a 40.000% 60.000%, #7c4d9e 60.000% 80.000%, #d6b6e5 80.000% 100.000%);
background: linear-gradient(180deg, oklch(28.35% 0.0344 115.31) 0.000% 20.000%, oklch(53.54% 0.0978 118.48) 20.000% 40.000%, oklch(74.41% 0.1364 118.48) 40.000% 60.000%, oklch(50.79% 0.1323 309.40) 60.000% 80.000%, oklch(81.89% 0.0730 314.69) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.283 | 0.034 | 115.3 |
| 2 | 0.535 | 0.098 | 118.5 |
| 3 | 0.744 | 0.136 | 118.5 |
| 4 | 0.508 | 0.132 | -50.6 |
| 5 | 0.819 | 0.073 | -45.3 |

## In these collections

- [Bold swatches](https://grabient.com/bold-swatches)

## Other forms

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