# Violet marigold fiesta swatches

The Violet marigold fiesta swatches brings together dark blue, blue, purple, red, and gold. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is dark blue, and its lightest tone is gold.

- Also called: Navy, purple, salmon and yellow radial swatches
- Seed: `kWQDbPPSG_1SgQZawklbLTHY`
- Page: https://grabient.com/kWQDbPPSG_1SgQZawklbLTHY?style=radialSwatches&steps=5&angle=0
- Drawn as: radial swatches, 5 steps, 0 degrees
- Kinds: dark to light, muted, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 10.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 | `#231942` | `oklch(25.20% 0.0744 291.09)` | Prune Plum | white, 16.2 to 1 |
| 2 | `#5d548e` | `oklch(48.03% 0.0923 290.04)` | Fine Purple | white, 6.7 to 1 |
| 3 | `#9f86c0` | `oklch(66.54% 0.0882 303.77)` | Petrified Purple | black, 6.6 to 1 |
| 4 | `#ff6c6b` | `oklch(71.26% 0.1804 23.03)` | Pompelmo | black, 7.5 to 1 |
| 5 | `#f9c850` | `oklch(85.43% 0.1447 86.44)` | Go Bananas | black, 13.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #231942 0.000% 20.000%, #5d548e 20.000% 40.000%, #9f86c0 40.000% 60.000%, #ff6c6b 60.000% 80.000%, #f9c850 80.000% 100.000%);
background: radial-gradient(circle at 50% 50%, oklch(25.20% 0.0744 291.09) 0.000% 20.000%, oklch(48.03% 0.0923 290.04) 20.000% 40.000%, oklch(66.54% 0.0882 303.77) 40.000% 60.000%, oklch(71.26% 0.1804 23.03) 60.000% 80.000%, oklch(85.43% 0.1447 86.44) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.252 | 0.074 | 291.1 |
| 2 | 0.48 | 0.092 | 290 |
| 3 | 0.665 | 0.088 | 303.8 |
| 4 | 0.713 | 0.182 | 383 |
| 5 | 0.854 | 0.145 | 446.4 |

## In these collections

- [Day of the Dead swatches](https://grabient.com/day-of-the-dead-swatches)

## Other forms

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