# Violet Gold Green Fan

These four angular wedges move from bright violet through golden orange, deep purple, and leafy green. The pairing gives purple two distinct values while orange and green provide clear counterweights. Use them for arts programming, festival identities, geometric illustrations, or bold presentation covers that need a recognizable secondary color structure.

- Also called: Rainbow from purple to green angular swatches
- Seed: `kUko3k6TTNLXFMRCsSyA`
- Page: https://grabient.com/kUko3k6TTNLXFMRCsSyA?style=angularSwatches&steps=4&angle=255
- Drawn as: angular swatches, 4 steps, 255 degrees
- Kinds: vivid, rainbow
- Hues: wide
- Contrast of its darkest and lightest colors: 5.3 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 | `#aa46bc` | `oklch(57.48% 0.1943 321.33)` | Fuchsia Pheromone | white, 4.8 to 1 |
| 2 | `#feb64d` | `oklch(82.68% 0.1447 73.34)` | Carolling Candlelight | black, 12 to 1 |
| 3 | `#6a1c9b` | `oklch(42.13% 0.1902 307.59)` | Wild Violet | white, 9.3 to 1 |
| 4 | `#2f7d31` | `oklch(52.36% 0.1350 143.79)` | Lush Paradise | white, 5.1 to 1 |

## CSS

```css
background: conic-gradient(from 255deg, #aa46bc 0.000% 25.000%, #feb64d 25.000% 50.000%, #6a1c9b 50.000% 75.000%, #2f7d31 75.000% 100.000%);
background: conic-gradient(from 255deg, oklch(57.48% 0.1943 321.33) 0.000% 25.000%, oklch(82.68% 0.1447 73.34) 25.000% 50.000%, oklch(42.13% 0.1902 307.59) 50.000% 75.000%, oklch(52.36% 0.1350 143.79) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.575 | 0.194 | 321.3 |
| 2 | 0.827 | 0.145 | 433.3 |
| 3 | 0.421 | 0.19 | 307.6 |
| 4 | 0.524 | 0.135 | 143.8 |

## In these collections

- [Secondary color swatches](https://grabient.com/secondary-color-swatches)

## Other forms

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