# Crimson, orange and cobalt blue funhaus palette

The Crimson, orange and cobalt blue funhaus palette brings together red, light red, gold, and blue. The colors span a moderate lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is gold.

- Also called: Vivid red, pink, yellow and blue angular swatches
- Seed: `kUk5QOYC8-m84Si8LVNA`
- Page: https://grabient.com/kUk5QOYC8-m84Si8LVNA?style=angularSwatches&steps=4
- Drawn as: angular swatches, 4 steps, 90 degrees
- Kinds: light center, vivid
- Hues: two-hue
- Contrast of its darkest and lightest colors: 4.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 | `#d82e45` | `oklch(57.87% 0.2039 19.69)` | Bloody Rust | white, 4.7 to 1 |
| 2 | `#f58ba0` | `oklch(75.59% 0.1295 8.06)` | Strawberry Soap | black, 9 to 1 |
| 3 | `#f6d44b` | `oklch(87.40% 0.1543 94.72)` | Anna Banana | black, 14.3 to 1 |
| 4 | `#2c5aa0` | `oklch(47.24% 0.1240 258.51)` | Miracle at Wrigley | white, 6.8 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #d82e45 0.000% 25.000%, #f58ba0 25.000% 50.000%, #f6d44b 50.000% 75.000%, #2c5aa0 75.000% 100.000%);
background: conic-gradient(from 90deg, oklch(57.87% 0.2039 19.69) 0.000% 25.000%, oklch(75.59% 0.1295 8.06) 25.000% 50.000%, oklch(87.40% 0.1543 94.72) 50.000% 75.000%, oklch(47.24% 0.1240 258.51) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.579 | 0.204 | 19.7 |
| 2 | 0.756 | 0.13 | 8.1 |
| 3 | 0.874 | 0.154 | 94.7 |
| 4 | 0.472 | 0.124 | 258.5 |

## In these collections

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

## Other forms

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