# Leaf Green Pale Blush Forest Green

These angular swatch wedges move through leaf green, pale blush, forest green, deep rose, and pink in its saved order. The complete composition keeps the lighter and darker areas distinct while preserving a balanced route through the named palette.

- Also called: Green and pink angular swatches
- Seed: `kWlEtw6hqt7whUjIs61Xiq_w`
- Page: https://grabient.com/kWlEtw6hqt7whUjIs61Xiq_w?style=angularSwatches&steps=5&angle=45
- Drawn as: angular swatches, 5 steps, 45 degrees
- Kinds: dark center
- Hues: wide
- Contrast of its darkest and lightest colors: 3.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 | `#3c8d63` | `oklch(58.27% 0.1033 158.20)` | Argyle | black, 5.2 to 1 |
| 2 | `#f3b6c1` | `oklch(83.46% 0.0730 6.03)` | Squid Pink | black, 12.2 to 1 |
| 3 | `#206b4a` | `oklch(47.24% 0.0909 160.32)` | Green Caterpillar | white, 6.4 to 1 |
| 4 | `#b94e70` | `oklch(57.09% 0.1419 2.86)` | Lake Red | white, 4.8 to 1 |
| 5 | `#e88aa5` | `oklch(74.02% 0.1171 1.80)` | Underwater Flare | black, 8.6 to 1 |

## CSS

```css
background: conic-gradient(from 45deg, #3c8d63 0.000% 20.000%, #f3b6c1 20.000% 40.000%, #206b4a 40.000% 60.000%, #b94e70 60.000% 80.000%, #e88aa5 80.000% 100.000%);
background: conic-gradient(from 45deg, oklch(58.27% 0.1033 158.20) 0.000% 20.000%, oklch(83.46% 0.0730 6.03) 20.000% 40.000%, oklch(47.24% 0.0909 160.32) 40.000% 60.000%, oklch(57.09% 0.1419 2.86) 60.000% 80.000%, oklch(74.02% 0.1171 1.80) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.583 | 0.103 | 158.2 |
| 2 | 0.835 | 0.073 | 6 |
| 3 | 0.472 | 0.091 | 160.3 |
| 4 | 0.571 | 0.142 | 2.9 |
| 5 | 0.74 | 0.117 | 1.8 |

## In these collections

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

## Other forms

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