# Forest green, cream and rose color palette

The Forest green, cream and rose color palette brings together green, pale orange, and magenta. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is pale orange.

- Also called: Dark green, off-white and magenta radial swatches
- Seed: `kWYyt0UrE9ncLN9WxrbPsI_Y`
- Page: https://grabient.com/kWYyt0UrE9ncLN9WxrbPsI_Y?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: light center, vivid
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 7.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 | `#234f3c` | `oklch(38.98% 0.0593 163.12)` | Springbok Green | white, 9.3 to 1 |
| 2 | `#58a455` | `oklch(64.96% 0.1350 143.05)` | Straightforward Green | black, 6.8 to 1 |
| 3 | `#f7e8d4` | `oklch(93.70% 0.0303 74.36)` | Bali Sand | black, 17.4 to 1 |
| 4 | `#f1599a` | `oklch(68.11% 0.1943 357.22)` | Oleander Pink | black, 6.6 to 1 |
| 5 | `#a71f6a` | `oklch(49.21% 0.1819 352.99)` | Plastic Lips | white, 6.8 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #234f3c 0.000% 20.000%, #58a455 20.000% 40.000%, #f7e8d4 40.000% 60.000%, #f1599a 60.000% 80.000%, #a71f6a 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(38.98% 0.0593 163.12) 0.000% 20.000%, oklch(64.96% 0.1350 143.05) 20.000% 40.000%, oklch(93.70% 0.0303 74.36) 40.000% 60.000%, oklch(68.11% 0.1943 357.22) 60.000% 80.000%, oklch(49.21% 0.1819 352.99) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.059 | 163.1 |
| 2 | 0.65 | 0.135 | 143 |
| 3 | 0.937 | 0.03 | 74.4 |
| 4 | 0.681 | 0.194 | -2.8 |
| 5 | 0.492 | 0.182 | -7 |

## In these collections

- [Bold swatches](https://grabient.com/bold-swatches)
- [Tropical swatches](https://grabient.com/tropical-swatches)

## Other forms

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