# Violet pink meadow fan

Rich violet moves into orchid pink and coral, then warm orange, olive gold and a meadow green. A vivid fan across the color wheel with a joyful, fresh character. Suits trend boards, bold branding and playful posters.

- Also called: Triadic purple, orange and green angular swatches
- Seed: `kYfHXSyrrElc1Q5cssTVyvFM6sxi`
- Page: https://grabient.com/kYfHXSyrrElc1Q5cssTVyvFM6sxi?style=angularSwatches&steps=6&angle=135
- Drawn as: angular swatches, 6 steps, 135 degrees
- Kinds: multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 2.6 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 | `#6a45af` | `oklch(48.82% 0.1612 296.02)` | Poppy Pompadour | white, 6.7 to 1 |
| 2 | `#b451a1` | `oklch(58.66% 0.1612 335.12)` | Magenta Memoir | black, 4.6 to 1 |
| 3 | `#e36f8c` | `oklch(68.50% 0.1461 5.76)` | Deep Blush | black, 6.9 to 1 |
| 4 | `#ed8956` | `oklch(72.83% 0.1392 46.97)` | Half-Smoke | black, 8.3 to 1 |
| 5 | `#b59734` | `oklch(68.50% 0.1199 91.36)` | Mana | black, 7.4 to 1 |
| 6 | `#539854` | `oklch(61.81% 0.1226 144.20)` | Wicked Witch | black, 6 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #6a45af 0.000% 16.667%, #b451a1 16.667% 33.333%, #e36f8c 33.333% 50.000%, #ed8956 50.000% 66.667%, #b59734 66.667% 83.333%, #539854 83.333% 100.000%);
background: conic-gradient(from 135deg, oklch(48.82% 0.1612 296.02) 0.000% 16.667%, oklch(58.66% 0.1612 335.12) 16.667% 33.333%, oklch(68.50% 0.1461 5.76) 33.333% 50.000%, oklch(72.83% 0.1392 46.97) 50.000% 66.667%, oklch(68.50% 0.1199 91.36) 66.667% 83.333%, oklch(61.81% 0.1226 144.20) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.488 | 0.161 | 296 |
| 2 | 0.587 | 0.161 | 335.1 |
| 3 | 0.685 | 0.146 | 365.8 |
| 4 | 0.728 | 0.139 | 407 |
| 5 | 0.685 | 0.12 | 451.4 |
| 6 | 0.618 | 0.123 | 504.2 |

## In these collections

- [WGSN 2027 swatches](https://grabient.com/wgsn-2027-swatches)

## Other forms

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