# Champagne, orange and crimson sunrise palette

The Champagne, orange and crimson sunrise palette brings together pale orange, light orange, orange, and red. The colors span a narrow 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: Analogous beige, orange and salmon linear swatches
- Seed: `kW6RpA8Ka-2ewvdeur11ry9o`
- Page: https://grabient.com/kW6RpA8Ka-2ewvdeur11ry9o?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: vivid, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 2.4 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 | `#ede3c9` | `oklch(91.73% 0.0358 90.70)` | Wedding Cake | black, 16.4 to 1 |
| 2 | `#fad894` | `oklch(89.51% 0.0937 83.79)` | Sun Splashed | black, 15.2 to 1 |
| 3 | `#ffbe6d` | `oklch(84.52% 0.1238 71.05)` | Cinnamon Buff | black, 12.8 to 1 |
| 4 | `#ff9e58` | `oklch(78.62% 0.1435 54.90)` | Clarified Orange | black, 10.3 to 1 |
| 5 | `#fc7e57` | `oklch(73.00% 0.1638 37.85)` | Ballet Cream | black, 8.2 to 1 |
| 6 | `#ee6866` | `oklch(68.11% 0.1667 23.07)` | Coral Commander | black, 6.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ede3c9 0.000% 16.667%, #fad894 16.667% 33.333%, #ffbe6d 33.333% 50.000%, #ff9e58 50.000% 66.667%, #fc7e57 66.667% 83.333%, #ee6866 83.333% 100.000%);
background: linear-gradient(90deg, oklch(91.73% 0.0358 90.70) 0.000% 16.667%, oklch(89.51% 0.0937 83.79) 16.667% 33.333%, oklch(84.52% 0.1238 71.05) 33.333% 50.000%, oklch(78.62% 0.1435 54.90) 50.000% 66.667%, oklch(73.00% 0.1638 37.85) 66.667% 83.333%, oklch(68.11% 0.1667 23.07) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.917 | 0.036 | 90.7 |
| 2 | 0.886 | 0.106 | 81.2 |
| 3 | 0.815 | 0.134 | 63.2 |
| 4 | 0.744 | 0.161 | 42.1 |
| 5 | 0.681 | 0.167 | 23.1 |

## In these collections

- [Sunrise gradients](https://grabient.com/sunrise-gradients)

## Other forms

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