# Crimson and ochre funhaus palette

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

- Also called: Warm red, orange, yellow and beige radial gradient
- Seed: `kUmpUVXbnDG-0xR1Cb3A`
- Page: https://grabient.com/kUmpUVXbnDG-0xR1Cb3A?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: dark to light, vivid, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#e33c2d` | `oklch(60.63% 0.2053 29.53)` | Electric Blood | black, 4.9 to 1 |
| 2 | `#e4422c` | `oklch(61.37% 0.2025 30.97)` | Raiden’s Fury | black, 5.1 to 1 |
| 3 | `#e6482b` | `oklch(62.31% 0.1987 32.73)` | Tomato Curry | black, 5.3 to 1 |
| 4 | `#e7502b` | `oklch(63.42% 0.1941 34.76)` | Scorpio Scarlet Seal | black, 5.5 to 1 |
| 5 | `#e9582b` | `oklch(64.66% 0.1891 37.06)` | Day Glow Orange | black, 5.9 to 1 |
| 6 | `#eb602b` | `oklch(66.01% 0.1837 39.59)` | Sunset Blaze | black, 6.2 to 1 |
| 7 | `#ed692d` | `oklch(67.43% 0.1782 42.33)` | Basketball | black, 6.6 to 1 |
| 8 | `#ef712e` | `oklch(68.89% 0.1728 45.25)` | Orange Zest | black, 7 to 1 |
| 9 | `#f07a30` | `oklch(70.35% 0.1677 48.32)` | Sun Orange | black, 7.5 to 1 |
| 10 | `#f28132` | `oklch(71.79% 0.1632 51.52)` | Goku Orange | black, 7.9 to 1 |
| 11 | `#f38934` | `oklch(73.18% 0.1595 54.83)` | Hot Orange | black, 8.4 to 1 |
| 12 | `#f49034` | `oklch(74.52% 0.1568 58.39)` | Spicy Paella | black, 8.8 to 1 |
| 13 | `#f59833` | `oklch(75.95% 0.1555 62.65)` | Amber Glow | black, 9.4 to 1 |
| 14 | `#f6a031` | `oklch(77.44% 0.1551 67.44)` | Yellow Sea | black, 9.9 to 1 |
| 15 | `#f6a82e` | `oklch(78.96% 0.1554 72.56)` | Late Afternoon | black, 10.5 to 1 |
| 16 | `#f6b12e` | `oklch(80.49% 0.1559 77.80)` | Solar Power | black, 11.2 to 1 |
| 17 | `#f5b930` | `oklch(82.00% 0.1562 82.93)` | Yellow Groove | black, 11.8 to 1 |
| 18 | `#f3c136` | `oklch(83.44% 0.1560 87.74)` | Phellodendron Amurense | black, 12.5 to 1 |
| 19 | `#f1c93e` | `oklch(84.81% 0.1549 92.03)` | Tank Yellow | black, 13.1 to 1 |
| 20 | `#f0d048` | `oklch(86.05% 0.1525 95.58)` | Golden Week | black, 13.7 to 1 |
| 21 | `#efd554` | `oklch(87.16% 0.1485 98.18)` | Portica | black, 14.3 to 1 |
| 22 | `#eed960` | `oklch(88.09% 0.1424 99.61)` | Pharaoh’s Gold | black, 14.7 to 1 |
| 23 | `#efdc6d` | `oklch(88.87% 0.1337 99.83)` | Plastic Lime | black, 15.1 to 1 |
| 24 | `#f1de7a` | `oklch(89.52% 0.1227 99.01)` | Delicate Lemon | black, 15.4 to 1 |
| 25 | `#f2df88` | `oklch(90.07% 0.1100 97.39)` | Plains | black, 15.7 to 1 |
| 26 | `#f3e095` | `oklch(90.53% 0.0963 95.16)` | Cheesy Frittata | black, 15.8 to 1 |
| 27 | `#f4e0a2` | `oklch(90.90% 0.0822 92.55)` | Sun Dust | black, 16 to 1 |
| 28 | `#f4e1ae` | `oklch(91.22% 0.0682 89.77)` | Glad Yellow | black, 16.1 to 1 |
| 29 | `#f3e1ba` | `oklch(91.48% 0.0551 87.05)` | Pale Maize | black, 16.3 to 1 |
| 30 | `#f1e2c4` | `oklch(91.71% 0.0432 84.58)` | Cloud of Cream | black, 16.4 to 1 |
| 31 | `#efe3cc` | `oklch(91.92% 0.0334 82.60)` | Diamond Ice | black, 16.5 to 1 |
| 32 | `#eee4d2` | `oklch(92.13% 0.0262 81.31)` | Artist’s Canvas | black, 16.6 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #e33c2d 0.0%, #e4422c 3.2%, #e6482b 6.5%, #e7502b 9.7%, #e9582b 12.9%, #eb602b 16.1%, #ed692d 19.4%, #ef712e 22.6%, #f07a30 25.8%, #f28132 29.0%, #f38934 32.3%, #f49034 35.5%, #f59833 38.7%, #f6a031 41.9%, #f6a82e 45.2%, #f6b12e 48.4%, #f5b930 51.6%, #f3c136 54.8%, #f1c93e 58.1%, #f0d048 61.3%, #efd554 64.5%, #eed960 67.7%, #efdc6d 71.0%, #f1de7a 74.2%, #f2df88 77.4%, #f3e095 80.6%, #f4e0a2 83.9%, #f4e1ae 87.1%, #f3e1ba 90.3%, #f1e2c4 93.5%, #efe3cc 96.8%, #eee4d2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(60.63% 0.2053 29.53) 0.0%, oklch(61.37% 0.2025 30.97) 3.2%, oklch(62.31% 0.1987 32.73) 6.5%, oklch(63.42% 0.1941 34.76) 9.7%, oklch(64.66% 0.1891 37.06) 12.9%, oklch(66.01% 0.1837 39.59) 16.1%, oklch(67.43% 0.1782 42.33) 19.4%, oklch(68.89% 0.1728 45.25) 22.6%, oklch(70.35% 0.1677 48.32) 25.8%, oklch(71.79% 0.1632 51.52) 29.0%, oklch(73.18% 0.1595 54.83) 32.3%, oklch(74.52% 0.1568 58.39) 35.5%, oklch(75.95% 0.1555 62.65) 38.7%, oklch(77.44% 0.1551 67.44) 41.9%, oklch(78.96% 0.1554 72.56) 45.2%, oklch(80.49% 0.1559 77.80) 48.4%, oklch(82.00% 0.1562 82.93) 51.6%, oklch(83.44% 0.1560 87.74) 54.8%, oklch(84.81% 0.1549 92.03) 58.1%, oklch(86.05% 0.1525 95.58) 61.3%, oklch(87.16% 0.1485 98.18) 64.5%, oklch(88.09% 0.1424 99.61) 67.7%, oklch(88.87% 0.1337 99.83) 71.0%, oklch(89.52% 0.1227 99.01) 74.2%, oklch(90.07% 0.1100 97.39) 77.4%, oklch(90.53% 0.0963 95.16) 80.6%, oklch(90.90% 0.0822 92.55) 83.9%, oklch(91.22% 0.0682 89.77) 87.1%, oklch(91.48% 0.0551 87.05) 90.3%, oklch(91.71% 0.0432 84.58) 93.5%, oklch(91.92% 0.0334 82.60) 96.8%, oklch(92.13% 0.0262 81.31) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.606 | 0.205 | 29.5 |
| 2 | 0.736 | 0.158 | 56 |
| 3 | 0.878 | 0.145 | 99.3 |
| 4 | 0.921 | 0.026 | 81.3 |

## In these collections

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

## Other forms

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