# Cabbage Garden Canopy

5 diagonal bands follow cream, orange, olive, rose, and purple. 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, peach, green and purple linear swatches
- Seed: `kW6R1KWak5tEvSY7ry9OCe8Q`
- Page: https://grabient.com/kW6R1KWak5tEvSY7ry9OCe8Q?style=linearSwatches&steps=5&angle=45
- Drawn as: linear swatches, 5 steps, 45 degrees
- Kinds: light to dark, multicolor
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 6.4 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 | `#d88b5c` | `oklch(70.47% 0.1130 51.22)` | Bright Sienna | black, 7.7 to 1 |
| 3 | `#6c9c44` | `oklch(63.78% 0.1295 132.59)` | Parisian Green | black, 6.4 to 1 |
| 4 | `#8e3562` | `oklch(46.85% 0.1295 352.05)` | Pink Horror | white, 7.3 to 1 |
| 5 | `#6e3c76` | `oklch(44.09% 0.1089 321.40)` | Eminence | white, 8.1 to 1 |

## CSS

```css
background: linear-gradient(45deg, #e8e6c7 0.000% 20.000%, #d88b5c 20.000% 40.000%, #6c9c44 40.000% 60.000%, #8e3562 60.000% 80.000%, #6e3c76 80.000% 100.000%);
background: linear-gradient(45deg, oklch(91.73% 0.0400 104.06) 0.000% 20.000%, oklch(70.47% 0.1130 51.22) 20.000% 40.000%, oklch(63.78% 0.1295 132.59) 40.000% 60.000%, oklch(46.85% 0.1295 352.05) 60.000% 80.000%, oklch(44.09% 0.1089 321.40) 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.705 | 0.113 | 51.2 |
| 3 | 0.638 | 0.13 | 132.6 |
| 4 | 0.469 | 0.13 | -8 |
| 5 | 0.441 | 0.109 | -38.6 |

## In these collections

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

## Other forms

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