# Champagne, coral and cobalt blue sunrise palette

The Champagne, coral and cobalt blue sunrise palette brings together pale orange, orange, red, light red, purple, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale orange.

- Also called: Beige, peach, lavender and blue linear swatches
- Seed: `kY8TM67DM-WMvPHbq7wUqg6DWoOW`
- Page: https://grabient.com/kY8TM67DM-WMvPHbq7wUqg6DWoOW?style=linearSwatches&steps=6
- Drawn as: linear swatches, 6 steps, 90 degrees
- Kinds: light to dark, pastel, warm, multicolor
- Hues: wide
- Contrast of its darkest and lightest colors: 7.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 | `#ffecc9` | `oklch(94.88% 0.0500 82.28)` | Biscuit | black, 18 to 1 |
| 2 | `#ffc079` | `oklch(85.04% 0.1141 68.53)` | Zing | black, 13 to 1 |
| 3 | `#fd9978` | `oklch(77.95% 0.1295 38.94)` | Flash in the Pan | black, 10 to 1 |
| 4 | `#e48399` | `oklch(72.05% 0.1199 6.18)` | Carissima | black, 8 to 1 |
| 5 | `#aa79bc` | `oklch(64.96% 0.1102 316.51)` | Wisteria | black, 6.1 to 1 |
| 6 | `#2a4b89` | `oklch(42.13% 0.1102 261.56)` | Unity | white, 8.5 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ffecc9 0.000% 16.667%, #ffc079 16.667% 33.333%, #fd9978 33.333% 50.000%, #e48399 50.000% 66.667%, #aa79bc 66.667% 83.333%, #2a4b89 83.333% 100.000%);
background: linear-gradient(90deg, oklch(94.88% 0.0500 82.28) 0.000% 16.667%, oklch(85.04% 0.1141 68.53) 16.667% 33.333%, oklch(77.95% 0.1295 38.94) 33.333% 50.000%, oklch(72.05% 0.1199 6.18) 50.000% 66.667%, oklch(64.96% 0.1102 316.51) 66.667% 83.333%, oklch(42.13% 0.1102 261.56) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.949 | 0.07 | 82.3 |
| 2 | 0.85 | 0.141 | 68.5 |
| 3 | 0.78 | 0.13 | 38.9 |
| 4 | 0.72 | 0.12 | 6.2 |
| 5 | 0.65 | 0.11 | -43.5 |
| 6 | 0.421 | 0.11 | -98.4 |

## In these collections

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

## Other forms

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