# Crimson, orange and ochre funhaus palette

The Crimson, orange and ochre funhaus palette brings together red, orange, and yellow. 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 yellow.

- Also called: Vivid maroon, orange and yellow linear gradient
- Seed: `kUdnIIzUFBGM1xdwNULA`
- Page: https://grabient.com/kUdnIIzUFBGM1xdwNULA?steps=32&angle=225
- Drawn as: linear gradient, 32 steps, 225 degrees
- Kinds: dark to light, vivid, warm
- Hues: wide
- Contrast of its darkest and lightest colors: 5.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 | `#9d2341` | `oklch(46.46% 0.1571 11.95)` | Big Dip O’ruby | white, 7.6 to 1 |
| 2 | `#a02543` | `oklch(47.26% 0.1586 12.33)` | True Crimson | white, 7.3 to 1 |
| 3 | `#a52744` | `oklch(48.26% 0.1608 12.59)` | Warrior Queen | white, 7 to 1 |
| 4 | `#aa2a47` | `oklch(49.44% 0.1635 12.82)` | Mad About You | white, 6.7 to 1 |
| 5 | `#af2d49` | `oklch(50.77% 0.1665 13.10)` | Amore | white, 6.3 to 1 |
| 6 | `#b6304c` | `oklch(52.21% 0.1696 13.52)` | Chubby Kiss | white, 5.9 to 1 |
| 7 | `#bc344e` | `oklch(53.74% 0.1726 14.15)` | Bleeding Heart | white, 5.6 to 1 |
| 8 | `#c33850` | `oklch(55.33% 0.1752 15.09)` | Calypso Berry | white, 5.2 to 1 |
| 9 | `#ca3c51` | `oklch(56.94% 0.1774 16.41)` | Feverish Pink | white, 4.9 to 1 |
| 10 | `#d04152` | `oklch(58.54% 0.1788 18.20)` | Tōnatiuh Red | white, 4.5 to 1 |
| 11 | `#d64751` | `oklch(60.12% 0.1792 20.55)` | Faded Red | black, 4.8 to 1 |
| 12 | `#dc4d4e` | `oklch(61.67% 0.1785 23.58)` | Re-Entry | black, 5.2 to 1 |
| 13 | `#e1554a` | `oklch(63.32% 0.1767 27.47)` | Blossoming Dynasty | black, 5.5 to 1 |
| 14 | `#e65e46` | `oklch(65.05% 0.1740 32.06)` | Opal Flame | black, 6 to 1 |
| 15 | `#e96740` | `oklch(66.83% 0.1706 37.15)` | Teri-Gaki Persimmon | black, 6.4 to 1 |
| 16 | `#ec713b` | `oklch(68.64% 0.1668 42.59)` | Lava Lamp | black, 7 to 1 |
| 17 | `#ee7b37` | `oklch(70.43% 0.1627 48.18)` | Orange Crush | black, 7.5 to 1 |
| 18 | `#f08534` | `oklch(72.20% 0.1586 53.75)` | Cheddar Cheese | black, 8.1 to 1 |
| 19 | `#f18f33` | `oklch(73.91% 0.1548 59.12)` | Sun | black, 8.7 to 1 |
| 20 | `#f19835` | `oklch(75.53% 0.1514 64.12)` | Amber Glow | black, 9.2 to 1 |
| 21 | `#f1a037` | `oklch(77.03% 0.1487 68.56)` | Yellow Sea | black, 9.8 to 1 |
| 22 | `#f2a83b` | `oklch(78.40% 0.1469 72.31)` | Summer Glow | black, 10.3 to 1 |
| 23 | `#f2ae3e` | `oklch(79.69% 0.1458 75.68)` | Raichu Orange | black, 10.9 to 1 |
| 24 | `#f3b442` | `oklch(80.95% 0.1451 78.82)` | Dairy Made | black, 11.4 to 1 |
| 25 | `#f3ba45` | `oklch(82.14% 0.1447 81.71)` | Maximum Yellow Red | black, 11.9 to 1 |
| 26 | `#f4c049` | `oklch(83.27% 0.1446 84.36)` | Sweet Lemon | black, 12.4 to 1 |
| 27 | `#f4c54c` | `oklch(84.32% 0.1448 86.77)` | Eyelash Viper | black, 12.9 to 1 |
| 28 | `#f5c94f` | `oklch(85.30% 0.1451 88.96)` | Sunny Mood | black, 13.3 to 1 |
| 29 | `#f5cd52` | `oklch(86.18% 0.1455 90.92)` | Maize | black, 13.7 to 1 |
| 30 | `#f6d155` | `oklch(86.96% 0.1458 92.65)` | Primrose Yellow | black, 14.1 to 1 |
| 31 | `#f6d457` | `oklch(87.63% 0.1460 94.15)` | Wake Me Up | black, 14.4 to 1 |
| 32 | `#f6d75a` | `oklch(88.19% 0.1461 95.44)` | Glitter Yellow | black, 14.7 to 1 |

## CSS

```css
background: linear-gradient(225deg, #9d2341 0.0%, #a02543 3.2%, #a52744 6.5%, #aa2a47 9.7%, #af2d49 12.9%, #b6304c 16.1%, #bc344e 19.4%, #c33850 22.6%, #ca3c51 25.8%, #d04152 29.0%, #d64751 32.3%, #dc4d4e 35.5%, #e1554a 38.7%, #e65e46 41.9%, #e96740 45.2%, #ec713b 48.4%, #ee7b37 51.6%, #f08534 54.8%, #f18f33 58.1%, #f19835 61.3%, #f1a037 64.5%, #f2a83b 67.7%, #f2ae3e 71.0%, #f3b442 74.2%, #f3ba45 77.4%, #f4c049 80.6%, #f4c54c 83.9%, #f5c94f 87.1%, #f5cd52 90.3%, #f6d155 93.5%, #f6d457 96.8%, #f6d75a 100.0%);
background: linear-gradient(225deg in oklch, oklch(46.46% 0.1571 11.95) 0.0%, oklch(47.26% 0.1586 12.33) 3.2%, oklch(48.26% 0.1608 12.59) 6.5%, oklch(49.44% 0.1635 12.82) 9.7%, oklch(50.77% 0.1665 13.10) 12.9%, oklch(52.21% 0.1696 13.52) 16.1%, oklch(53.74% 0.1726 14.15) 19.4%, oklch(55.33% 0.1752 15.09) 22.6%, oklch(56.94% 0.1774 16.41) 25.8%, oklch(58.54% 0.1788 18.20) 29.0%, oklch(60.12% 0.1792 20.55) 32.3%, oklch(61.67% 0.1785 23.58) 35.5%, oklch(63.32% 0.1767 27.47) 38.7%, oklch(65.05% 0.1740 32.06) 41.9%, oklch(66.83% 0.1706 37.15) 45.2%, oklch(68.64% 0.1668 42.59) 48.4%, oklch(70.43% 0.1627 48.18) 51.6%, oklch(72.20% 0.1586 53.75) 54.8%, oklch(73.91% 0.1548 59.12) 58.1%, oklch(75.53% 0.1514 64.12) 61.3%, oklch(77.03% 0.1487 68.56) 64.5%, oklch(78.40% 0.1469 72.31) 67.7%, oklch(79.69% 0.1458 75.68) 71.0%, oklch(80.95% 0.1451 78.82) 74.2%, oklch(82.14% 0.1447 81.71) 77.4%, oklch(83.27% 0.1446 84.36) 80.6%, oklch(84.32% 0.1448 86.77) 83.9%, oklch(85.30% 0.1451 88.96) 87.1%, oklch(86.18% 0.1455 90.92) 90.3%, oklch(86.96% 0.1458 92.65) 93.5%, oklch(87.63% 0.1460 94.15) 96.8%, oklch(88.19% 0.1461 95.44) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.465 | 0.157 | 12 |
| 2 | 0.606 | 0.179 | 21.5 |
| 3 | 0.78 | 0.147 | 71.1 |
| 4 | 0.882 | 0.146 | 95.4 |

## In these collections

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

## Other forms

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