# Crimson and ochre funhaus palette

The Crimson and ochre funhaus palette brings together red, gold, blue, and pale orange. 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 red, and its lightest tone is pale orange.

- Also called: Red, yellow, blue and beige angular swatches
- Seed: `kWeHoP0sDBWu3RnCplH9BAso`
- Page: https://grabient.com/kWeHoP0sDBWu3RnCplH9BAso?style=angularSwatches&steps=5
- Drawn as: angular swatches, 5 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.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 | `#a51f2d` | `oklch(47.24% 0.1681 21.80)` | Red-Hot Mama | white, 7.3 to 1 |
| 2 | `#e75c40` | `oklch(64.96% 0.1778 33.42)` | Sohi Red | black, 5.9 to 1 |
| 3 | `#f5c643` | `oklch(84.65% 0.1516 88.37)` | Pyrite | black, 13 to 1 |
| 4 | `#2371a0` | `oklch(52.36% 0.1047 240.54)` | Deep Water | white, 5.3 to 1 |
| 5 | `#f3dfc2` | `oklch(91.34% 0.0441 77.80)` | Classic Ivory | black, 16.1 to 1 |

## CSS

```css
background: conic-gradient(from 90deg, #a51f2d 0.000% 20.000%, #e75c40 20.000% 40.000%, #f5c643 40.000% 60.000%, #2371a0 60.000% 80.000%, #f3dfc2 80.000% 100.000%);
background: conic-gradient(from 90deg, oklch(47.24% 0.1681 21.80) 0.000% 20.000%, oklch(64.96% 0.1778 33.42) 20.000% 40.000%, oklch(84.65% 0.1516 88.37) 40.000% 60.000%, oklch(52.36% 0.1047 240.54) 60.000% 80.000%, oklch(91.34% 0.0441 77.80) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.472 | 0.168 | 21.8 |
| 2 | 0.65 | 0.178 | 33.4 |
| 3 | 0.846 | 0.152 | 88.4 |
| 4 | 0.524 | 0.105 | 240.5 |
| 5 | 0.913 | 0.044 | 77.8 |

## In these collections

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

## Other forms

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