# Forest green and rose pink and green

The Forest green and rose pink and green brings together green, magenta, and red. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits botanical branding and garden event graphics. Its darkest tone is red, and its lightest tone is green.

- Also called: Green, teal, purple and magenta angular swatches
- Seed: `kWkaBq4zpBs7T1BbyMFvUHB4`
- Page: https://grabient.com/kWkaBq4zpBs7T1BbyMFvUHB4?style=angularSwatches&steps=5&angle=60
- Drawn as: angular swatches, 5 steps, 60 degrees
- Kinds: vivid
- Hues: complementary
- Contrast of its darkest and lightest colors: 3.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 | `#009040` | `oklch(57.09% 0.1582 149.75)` | Viper Green | black, 5 to 1 |
| 2 | `#1fd69d` | `oklch(77.95% 0.1598 164.56)` | Wild Caribbean Green | black, 11.2 to 1 |
| 3 | `#d23abb` | `oklch(61.81% 0.2301 334.70)` | Loudicious Pink | black, 5 to 1 |
| 4 | `#f967bc` | `oklch(72.05% 0.1998 347.38)` | Kisses | black, 7.6 to 1 |
| 5 | `#a81651` | `oklch(48.03% 0.1805 4.29)` | Plum Perfect | white, 7.2 to 1 |

## CSS

```css
background: conic-gradient(from 60deg, #009040 0.000% 20.000%, #1fd69d 20.000% 40.000%, #d23abb 40.000% 60.000%, #f967bc 60.000% 80.000%, #a81651 80.000% 100.000%);
background: conic-gradient(from 60deg, oklch(57.09% 0.1582 149.75) 0.000% 20.000%, oklch(77.95% 0.1598 164.56) 20.000% 40.000%, oklch(61.81% 0.2301 334.70) 40.000% 60.000%, oklch(72.05% 0.1998 347.38) 60.000% 80.000%, oklch(48.03% 0.1805 4.29) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.571 | 0.22 | 149.8 |
| 2 | 0.78 | 0.16 | 164.6 |
| 3 | 0.618 | 0.23 | 334.7 |
| 4 | 0.72 | 0.2 | 347.4 |
| 5 | 0.48 | 0.181 | 364.3 |

## In these collections

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

## Other forms

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