# Sky blue and champagne sunrise palette

The Sky blue and champagne sunrise palette brings together light blue, light gray, off-white, pale orange, and light yellow. The colors span a narrow lightness range, combining moderate color with gentle contrast. Its light and open character suits travel posters and environmental mood boards. Its darkest tone is light blue, and its lightest tone is light yellow.

- Also called: Pastel complementary blue to beige radial gradient
- Seed: `kW0xu08QW-_UILN1GkCeKfBQ`
- Page: https://grabient.com/kW0xu08QW-_UILN1GkCeKfBQ?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: even lightness, pastel, light
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.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 | `#b7c9e0` | `oklch(83.07% 0.0372 253.83)` | Mystic River | black, 12.4 to 1 |
| 2 | `#bacbe0` | `oklch(83.56% 0.0352 254.26)` | Mystic River | black, 12.6 to 1 |
| 3 | `#becde1` | `oklch(84.24% 0.0324 256.03)` | Sky’s the Limit | black, 12.9 to 1 |
| 4 | `#c3cfe1` | `oklch(85.05% 0.0289 258.21)` | Atmospheric Pressure | black, 13.3 to 1 |
| 5 | `#c7d1e2` | `oklch(85.94% 0.0253 259.85)` | Pale Periwinkle | black, 13.7 to 1 |
| 6 | `#ccd4e2` | `oklch(86.84% 0.0217 260.03)` | Morning Chill | black, 14.1 to 1 |
| 7 | `#cfd7e3` | `oklch(87.71% 0.0186 257.82)` | Monet Lily | black, 14.5 to 1 |
| 8 | `#d2dae4` | `oklch(88.49% 0.0162 252.28)` | Highland Winds | black, 14.8 to 1 |
| 9 | `#d3dde4` | `oklch(89.12% 0.0149 242.39)` | A Dime a Dozen | black, 15.1 to 1 |
| 10 | `#d4dfe4` | `oklch(89.68% 0.0142 226.17)` | Breakwater | black, 15.4 to 1 |
| 11 | `#d5e1e3` | `oklch(90.19% 0.0138 204.64)` | April Winds | black, 15.7 to 1 |
| 12 | `#d7e3e0` | `oklch(90.65% 0.0138 179.88)` | Sparkling Spring | black, 15.9 to 1 |
| 13 | `#dbe4dd` | `oklch(91.07% 0.0144 153.94)` | Slightly Zen | black, 16.1 to 1 |
| 14 | `#dfe5da` | `oklch(91.44% 0.0156 128.89)` | Distant Haze | black, 16.3 to 1 |
| 15 | `#e5e5d8` | `oklch(91.76% 0.0176 106.79)` | Olive Conquering White | black, 16.4 to 1 |
| 16 | `#eae4d6` | `oklch(92.02% 0.0203 89.71)` | Dry Sand | black, 16.5 to 1 |
| 17 | `#eee4d4` | `oklch(92.21% 0.0241 79.31)` | Pavillion | black, 16.6 to 1 |
| 18 | `#f2e3d1` | `oklch(92.28% 0.0291 74.11)` | Peach Surprise | black, 16.6 to 1 |
| 19 | `#f4e2cc` | `oklch(92.26% 0.0353 72.81)` | Cherish Cream | black, 16.6 to 1 |
| 20 | `#f6e2c7` | `oklch(92.19% 0.0422 74.38)` | Champagne Toast | black, 16.6 to 1 |
| 21 | `#f8e2c1` | `oklch(92.09% 0.0495 77.79)` | Manna | black, 16.5 to 1 |
| 22 | `#f8e2ba` | `oklch(92.02% 0.0569 81.98)` | Curd | black, 16.5 to 1 |
| 23 | `#f8e2b5` | `oklch(92.00% 0.0639 85.94)` | Noodles | black, 16.5 to 1 |
| 24 | `#f8e3b0` | `oklch(92.09% 0.0702 88.62)` | Noodles | black, 16.6 to 1 |
| 25 | `#f9e4ac` | `oklch(92.30% 0.0759 89.90)` | Vanilla Cream | black, 16.7 to 1 |
| 26 | `#fbe6a8` | `oklch(92.62% 0.0816 91.40)` | Lady Banksia | black, 16.9 to 1 |
| 27 | `#fce7a5` | `oklch(93.01% 0.0873 93.10)` | Bleached Sunflower | black, 17.1 to 1 |
| 28 | `#fde9a2` | `oklch(93.45% 0.0927 94.89)` | Rich Glow | black, 17.3 to 1 |
| 29 | `#fdec9f` | `oklch(93.89% 0.0977 96.65)` | Baby Chick | black, 17.6 to 1 |
| 30 | `#feee9d` | `oklch(94.30% 0.1022 98.27)` | Old Yella | black, 17.8 to 1 |
| 31 | `#feef9b` | `oklch(94.64% 0.1060 99.62)` | Sparkler | black, 18 to 1 |
| 32 | `#fef199` | `oklch(94.88% 0.1089 100.60)` | Daisy Chain | black, 18.2 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #b7c9e0 0.0%, #bacbe0 3.2%, #becde1 6.5%, #c3cfe1 9.7%, #c7d1e2 12.9%, #ccd4e2 16.1%, #cfd7e3 19.4%, #d2dae4 22.6%, #d3dde4 25.8%, #d4dfe4 29.0%, #d5e1e3 32.3%, #d7e3e0 35.5%, #dbe4dd 38.7%, #dfe5da 41.9%, #e5e5d8 45.2%, #eae4d6 48.4%, #eee4d4 51.6%, #f2e3d1 54.8%, #f4e2cc 58.1%, #f6e2c7 61.3%, #f8e2c1 64.5%, #f8e2ba 67.7%, #f8e2b5 71.0%, #f8e3b0 74.2%, #f9e4ac 77.4%, #fbe6a8 80.6%, #fce7a5 83.9%, #fde9a2 87.1%, #fdec9f 90.3%, #feee9d 93.5%, #feef9b 96.8%, #fef199 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(83.07% 0.0372 253.83) 0.0%, oklch(83.56% 0.0352 254.26) 3.2%, oklch(84.24% 0.0324 256.03) 6.5%, oklch(85.05% 0.0289 258.21) 9.7%, oklch(85.94% 0.0253 259.85) 12.9%, oklch(86.84% 0.0217 260.03) 16.1%, oklch(87.71% 0.0186 257.82) 19.4%, oklch(88.49% 0.0162 252.28) 22.6%, oklch(89.12% 0.0149 242.39) 25.8%, oklch(89.68% 0.0142 226.17) 29.0%, oklch(90.19% 0.0138 204.64) 32.3%, oklch(90.65% 0.0138 179.88) 35.5%, oklch(91.07% 0.0144 153.94) 38.7%, oklch(91.44% 0.0156 128.89) 41.9%, oklch(91.76% 0.0176 106.79) 45.2%, oklch(92.02% 0.0203 89.71) 48.4%, oklch(92.21% 0.0241 79.31) 51.6%, oklch(92.28% 0.0291 74.11) 54.8%, oklch(92.26% 0.0353 72.81) 58.1%, oklch(92.19% 0.0422 74.38) 61.3%, oklch(92.09% 0.0495 77.79) 64.5%, oklch(92.02% 0.0569 81.98) 67.7%, oklch(92.00% 0.0639 85.94) 71.0%, oklch(92.09% 0.0702 88.62) 74.2%, oklch(92.30% 0.0759 89.90) 77.4%, oklch(92.62% 0.0816 91.40) 80.6%, oklch(93.01% 0.0873 93.10) 83.9%, oklch(93.45% 0.0927 94.89) 87.1%, oklch(93.89% 0.0977 96.65) 90.3%, oklch(94.30% 0.1022 98.27) 93.5%, oklch(94.64% 0.1060 99.62) 96.8%, oklch(94.88% 0.1089 100.60) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.831 | 0.037 | 253.8 |
| 2 | 0.89 | 0.015 | 245.4 |
| 3 | 0.921 | 0.022 | 83.7 |
| 4 | 0.921 | 0.072 | 89 |
| 5 | 0.949 | 0.109 | 100.6 |

## In these collections

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

## Other forms

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