# Violet, crimson and gold funhaus palette

The Violet, crimson and gold funhaus palette brings together purple, magenta, red, gold, and light yellow. 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 purple, and its lightest tone is light yellow.

- Also called: Purple, red, orange and beige linear swatches
- Seed: `kWYGXRQ7tFtFFRPoNUa9KDBQ`
- Page: https://grabient.com/kWYGXRQ7tFtFFRPoNUa9KDBQ?style=linearSwatches&steps=5&angle=315
- Drawn as: linear swatches, 5 steps, 315 degrees
- Kinds: dark to light, vivid, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 8.4 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 | `#482c83` | `oklch(37.80% 0.1392 293.91)` | Spanish Violet | white, 10.7 to 1 |
| 2 | `#a83c85` | `oklch(53.15% 0.1626 342.52)` | Wild Aster | white, 5.7 to 1 |
| 3 | `#e84f4d` | `oklch(63.78% 0.1902 24.79)` | Fever | black, 5.6 to 1 |
| 4 | `#f3b942` | `oklch(81.89% 0.1461 81.85)` | Maximum Yellow Red | black, 11.8 to 1 |
| 5 | `#f8e39f` | `oklch(91.73% 0.0896 93.48)` | Venetian Yellow | black, 16.4 to 1 |

## CSS

```css
background: linear-gradient(315deg, #482c83 0.000% 20.000%, #a83c85 20.000% 40.000%, #e84f4d 40.000% 60.000%, #f3b942 60.000% 80.000%, #f8e39f 80.000% 100.000%);
background: linear-gradient(315deg, oklch(37.80% 0.1392 293.91) 0.000% 20.000%, oklch(53.15% 0.1626 342.52) 20.000% 40.000%, oklch(63.78% 0.1902 24.79) 40.000% 60.000%, oklch(81.89% 0.1461 81.85) 60.000% 80.000%, oklch(91.73% 0.0896 93.48) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.378 | 0.139 | 293.9 |
| 2 | 0.531 | 0.163 | 342.5 |
| 3 | 0.638 | 0.19 | 384.8 |
| 4 | 0.819 | 0.146 | 441.9 |
| 5 | 0.917 | 0.09 | 453.5 |

## In these collections

- [Funhaus](https://grabient.com/funhaus)

## Other forms

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