# Cabbage Garden Twilight

5 concentric bands move from the center outward through deep green, deep green, rose, olive, and purple. The lighter colors offer relief while the deeper colors support legible pale type and clear focal marks.

- Also called: Tritone dark green, purple and green radial swatches
- Seed: `kWVRt1N5s-LuvLTotk8yKovw`
- Page: https://grabient.com/kWVRt1N5s-LuvLTotk8yKovw?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Hues: wide
- Contrast of its darkest and lightest colors: 7 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 | `#243d32` | `oklch(33.46% 0.0372 164.53)` | Pine Grove | white, 11.7 to 1 |
| 2 | `#315d3b` | `oklch(43.70% 0.0744 149.74)` | Verde Garrafa | white, 7.5 to 1 |
| 3 | `#8e3663` | `oklch(46.85% 0.1295 351.22)` | Pink Horror | white, 7.3 to 1 |
| 4 | `#b9d35b` | `oklch(82.28% 0.1488 120.15)` | Citrus Leaf | black, 12.5 to 1 |
| 5 | `#a65a89` | `oklch(57.09% 0.1157 343.83)` | Cyclamen Red | white, 4.7 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #243d32 0.000% 20.000%, #315d3b 20.000% 40.000%, #8e3663 40.000% 60.000%, #b9d35b 60.000% 80.000%, #a65a89 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(33.46% 0.0372 164.53) 0.000% 20.000%, oklch(43.70% 0.0744 149.74) 20.000% 40.000%, oklch(46.85% 0.1295 351.22) 40.000% 60.000%, oklch(82.28% 0.1488 120.15) 60.000% 80.000%, oklch(57.09% 0.1157 343.83) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.335 | 0.037 | 164.5 |
| 2 | 0.437 | 0.074 | 149.7 |
| 3 | 0.469 | 0.13 | -8.8 |
| 4 | 0.823 | 0.149 | 120.1 |
| 5 | 0.571 | 0.116 | -16.2 |

## In these collections

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

## Other forms

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