# Crimson, ochre and navy funhaus palette

The Crimson, ochre and navy funhaus palette brings together 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, orange, green and blue linear swatches
- Seed: `kSipASazdHbSsU8`
- Page: https://grabient.com/kSipASazdHbSsU8?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: light center, vivid, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 4.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 | `#c9252c` | `oklch(54.33% 0.1984 25.31)` | Flush Mahogany | white, 5.5 to 1 |
| 2 | `#ff9f50` | `oklch(78.56% 0.1479 57.49)` | Bittersweet | black, 10.3 to 1 |
| 3 | `#71c06e` | `oklch(73.75% 0.1391 143.20)` | Dublin | black, 9.4 to 1 |
| 4 | `#174a8b` | `oklch(41.34% 0.1213 256.74)` | Olympian Blue | white, 8.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #c9252c 0.000% 25.000%, #ff9f50 25.000% 50.000%, #71c06e 50.000% 75.000%, #174a8b 75.000% 100.000%);
background: linear-gradient(90deg, oklch(54.33% 0.1984 25.31) 0.000% 25.000%, oklch(78.56% 0.1479 57.49) 25.000% 50.000%, oklch(73.75% 0.1391 143.20) 50.000% 75.000%, oklch(41.34% 0.1213 256.74) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.543 | 0.198 | 25.3 |
| 2 | 0.843 | 0.152 | 88.7 |
| 3 | 0.413 | 0.121 | 256.7 |

## In these collections

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

## Other forms

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