# Deep cyan, orange and champagne funhaus palette

The Deep cyan, orange and champagne funhaus palette brings together teal, gold, red, and pale orange. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is teal, and its lightest tone is pale orange.

- Also called: Teal, yellow, red and off-white linear swatches
- Seed: `kUejeS6jMxsbDuL3CUbg`
- Page: https://grabient.com/kUejeS6jMxsbDuL3CUbg?style=linearSwatches&steps=4&angle=225
- Drawn as: linear swatches, 4 steps, 225 degrees
- Kinds: vivid, warm, multicolor
- Hues: analogous
- Contrast of its darkest and lightest colors: 5.2 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 | `#166a73` | `oklch(48.03% 0.0758 206.02)` | Toadstool Teal | white, 6.3 to 1 |
| 2 | `#f2c14f` | `oklch(83.46% 0.1406 85.55)` | Hive Delight | black, 12.5 to 1 |
| 3 | `#c93338` | `oklch(55.51% 0.1860 24.25)` | Young Mahogany | white, 5.2 to 1 |
| 4 | `#f2e9d8` | `oklch(93.70% 0.0248 83.43)` | Seaside Sand | black, 17.4 to 1 |

## CSS

```css
background: linear-gradient(225deg, #166a73 0.000% 25.000%, #f2c14f 25.000% 50.000%, #c93338 50.000% 75.000%, #f2e9d8 75.000% 100.000%);
background: linear-gradient(225deg, oklch(48.03% 0.0758 206.02) 0.000% 25.000%, oklch(83.46% 0.1406 85.55) 25.000% 50.000%, oklch(55.51% 0.1860 24.25) 50.000% 75.000%, oklch(93.70% 0.0248 83.43) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.48 | 0.076 | 206 |
| 2 | 0.835 | 0.141 | 85.5 |
| 3 | 0.555 | 0.186 | 24.3 |
| 4 | 0.937 | 0.025 | 83.4 |

## In these collections

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

## Other forms

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