# Forest green and rose pink and green

The Forest green and rose pink and green brings together green, light green, magenta, and light red. 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 light red.

- Also called: Dark green, green, pink and magenta linear swatches
- Seed: `kWVldq6BnAlRMK3tGcKxL2-w`
- Page: https://grabient.com/kWVldq6BnAlRMK3tGcKxL2-w?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: light center, vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 7.1 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 | `#00441a` | `oklch(33.87% 0.0939 149.71)` | Deep Pond | white, 11.3 to 1 |
| 2 | `#a0d2b0` | `oklch(81.89% 0.0703 155.05)` | Menthol Green | black, 12.3 to 1 |
| 3 | `#e251b6` | `oklch(66.14% 0.2094 341.74)` | Orion | black, 6 to 1 |
| 4 | `#fabeca` | `oklch(85.83% 0.0703 4.99)` | Tassel Flower | black, 13.2 to 1 |
| 5 | `#b53873` | `oklch(53.94% 0.1695 355.48)` | Fiery Fuchsia | white, 5.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00441a 0.000% 20.000%, #a0d2b0 20.000% 40.000%, #e251b6 40.000% 60.000%, #fabeca 60.000% 80.000%, #b53873 80.000% 100.000%);
background: linear-gradient(90deg, oklch(33.87% 0.0939 149.71) 0.000% 20.000%, oklch(81.89% 0.0703 155.05) 20.000% 40.000%, oklch(66.14% 0.2094 341.74) 40.000% 60.000%, oklch(85.83% 0.0703 4.99) 60.000% 80.000%, oklch(53.94% 0.1695 355.48) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.339 | 0.12 | 149.8 |
| 2 | 0.819 | 0.07 | 155 |
| 3 | 0.661 | 0.209 | -18.3 |
| 4 | 0.858 | 0.07 | 5 |
| 5 | 0.539 | 0.169 | -4.5 |

## In these collections

- [Pink and green swatches](https://grabient.com/pink-and-green-swatches)

## Other forms

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