# Cabbage Garden Moonlight

5 fan-shaped bands turn around the center through olive, rose, orange, aqua, and cream. 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: Green, peach, blue and beige angular swatches
- Seed: `kWol5eO68vVmpRvIkFRdI6x4`
- Page: https://grabient.com/kWol5eO68vVmpRvIkFRdI6x4?style=angularSwatches&steps=5&angle=225
- Drawn as: angular swatches, 5 steps, 225 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 5.8 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 | `#6d9c43` | `oklch(63.78% 0.1295 132.19)` | Parisian Green | black, 6.4 to 1 |
| 2 | `#8e3562` | `oklch(46.85% 0.1295 351.64)` | Pink Horror | white, 7.3 to 1 |
| 3 | `#d88a5c` | `oklch(70.47% 0.1130 50.82)` | Bright Sienna | black, 7.7 to 1 |
| 4 | `#5b7e8b` | `oklch(57.09% 0.0441 223.07)` | La Pineta | black, 4.7 to 1 |
| 5 | `#e7e6c7` | `oklch(91.73% 0.0400 104.71)` | Child of Heaven | black, 16.5 to 1 |

## CSS

```css
background: conic-gradient(from 225deg, #6d9c43 0.000% 20.000%, #8e3562 20.000% 40.000%, #d88a5c 40.000% 60.000%, #5b7e8b 60.000% 80.000%, #e7e6c7 80.000% 100.000%);
background: conic-gradient(from 225deg, oklch(63.78% 0.1295 132.19) 0.000% 20.000%, oklch(46.85% 0.1295 351.64) 20.000% 40.000%, oklch(70.47% 0.1130 50.82) 40.000% 60.000%, oklch(57.09% 0.0441 223.07) 60.000% 80.000%, oklch(91.73% 0.0400 104.71) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.638 | 0.13 | 132.2 |
| 2 | 0.469 | 0.13 | -8.4 |
| 3 | 0.705 | 0.113 | 50.8 |
| 4 | 0.571 | 0.044 | 223.1 |
| 5 | 0.917 | 0.04 | 104.7 |

## In these collections

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

## Other forms

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