# Dawn Plum and Leaf

Charcoal plum moves through dusty mauve and cool taupe into frost beige before ending in dark leaf green. These five bands support understated editorial layouts, textiles, and product systems built around subdued orchard color and clear contrast. The restrained contrasts remain readable in small cards and legends.

- Also called: Dark gray, purple, beige and green linear swatches
- Seed: `kWSxHmPhPBVoPwFsjEvxBXHg`
- Page: https://grabient.com/kWSxHmPhPBVoPwFsjEvxBXHg?style=linearSwatches&steps=5&angle=60
- Drawn as: linear swatches, 5 steps, 60 degrees
- Kinds: light center, muted
- Hues: complementary
- Contrast of its darkest and lightest colors: 8.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 | `#332933` | `oklch(29.53% 0.0234 323.44)` | Melanzane | white, 13.9 to 1 |
| 2 | `#73546c` | `oklch(48.82% 0.0537 335.06)` | Exotic Orchid | white, 6.4 to 1 |
| 3 | `#b497aa` | `oklch(70.87% 0.0427 338.23)` | Ashberry | black, 7.9 to 1 |
| 4 | `#dbcdb7` | `oklch(85.43% 0.0331 79.68)` | Light Raffia | black, 13.4 to 1 |
| 5 | `#587758` | `oklch(53.54% 0.0593 144.14)` | Elm Green | white, 5 to 1 |

## CSS

```css
background: linear-gradient(60deg, #332933 0.000% 20.000%, #73546c 20.000% 40.000%, #b497aa 40.000% 60.000%, #dbcdb7 60.000% 80.000%, #587758 80.000% 100.000%);
background: linear-gradient(60deg, oklch(29.53% 0.0234 323.44) 0.000% 20.000%, oklch(48.82% 0.0537 335.06) 20.000% 40.000%, oklch(70.87% 0.0427 338.23) 40.000% 60.000%, oklch(85.43% 0.0331 79.68) 60.000% 80.000%, oklch(53.54% 0.0593 144.14) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.295 | 0.023 | 323.4 |
| 2 | 0.488 | 0.054 | 335.1 |
| 3 | 0.709 | 0.043 | 338.2 |
| 4 | 0.854 | 0.033 | 439.7 |
| 5 | 0.535 | 0.059 | 504.1 |

## In these collections

- [Orchard frost at dawn](https://grabient.com/orchard-frost-at-dawn)

## Other forms

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