# Cabbage Garden Dawn

5 diagonal bands follow cream, olive, aqua, purple, and deep green. The lighter colors offer relief while the deeper colors support legible pale type and clear focal marks. Use this palette for market posters, kitchen packaging, garden labels, and playful editorial graphics; each visible color keeps a practical role without weakening the collection’s specific mood.

- Also called: Beige, blue, purple and dark green linear swatches
- Seed: `kW6R1KaLZB0iQTBIqk4qo2qw`
- Page: https://grabient.com/kW6R1KaLZB0iQTBIqk4qo2qw?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light to dark, multicolor
- Hues: complementary
- Contrast of its darkest and lightest colors: 9.2 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 | `#e8e6c7` | `oklch(91.73% 0.0400 104.06)` | Child of Heaven | black, 16.5 to 1 |
| 2 | `#b9d35b` | `oklch(82.28% 0.1488 119.91)` | Citrus Leaf | black, 12.5 to 1 |
| 3 | `#5b7e8b` | `oklch(57.09% 0.0441 222.42)` | La Pineta | black, 4.7 to 1 |
| 4 | `#a65a8a` | `oklch(57.09% 0.1157 342.89)` | Cyclamen Red | white, 4.7 to 1 |
| 5 | `#243d31` | `oklch(33.46% 0.0372 164.30)` | Celtic | white, 11.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #e8e6c7 0.000% 20.000%, #b9d35b 20.000% 40.000%, #5b7e8b 40.000% 60.000%, #a65a8a 60.000% 80.000%, #243d31 80.000% 100.000%);
background: linear-gradient(90deg, oklch(91.73% 0.0400 104.06) 0.000% 20.000%, oklch(82.28% 0.1488 119.91) 20.000% 40.000%, oklch(57.09% 0.0441 222.42) 40.000% 60.000%, oklch(57.09% 0.1157 342.89) 60.000% 80.000%, oklch(33.46% 0.0372 164.30) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.04 | 104.1 |
| 2 | 0.823 | 0.149 | 119.9 |
| 3 | 0.571 | 0.044 | 222.4 |
| 4 | 0.571 | 0.116 | 342.9 |
| 5 | 0.335 | 0.037 | 164.3 |

## In these collections

- [Cabbage crush](https://grabient.com/cabbage-crush)

## Other forms

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