# Champagne white palette

The Champagne white palette brings together off-white, pale orange, and light orange. The colors span a narrow lightness range, combining restrained color with gentle contrast. Its light and open character suits brand mood boards and editorial graphics. Its darkest tone is light orange, and its lightest tone is off-white.

- Also called: Monochrome white to beige linear gradient
- Seed: `kS_QRDeIm-2uTP0`
- Page: https://grabient.com/kS_QRDeIm-2uTP0?steps=32&angle=135
- Drawn as: linear gradient, 32 steps, 135 degrees
- Kinds: neutral, light, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.5 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 | `#fffefa` | `oklch(99.61% 0.0055 94.22)` | Baby Powder | black, 20.7 to 1 |
| 2 | `#fffdf9` | `oklch(99.45% 0.0063 93.87)` | Lotion | black, 20.6 to 1 |
| 3 | `#fefdf7` | `oklch(99.27% 0.0071 93.43)` | Baby Powder | black, 20.5 to 1 |
| 4 | `#fefcf6` | `oklch(99.07% 0.0081 92.91)` | Cool December | black, 20.4 to 1 |
| 5 | `#fdfbf4` | `oklch(98.86% 0.0092 92.34)` | White Desert | black, 20.3 to 1 |
| 6 | `#fdfaf3` | `oklch(98.63% 0.0105 91.71)` | White Desert | black, 20.1 to 1 |
| 7 | `#fdfaf1` | `oklch(98.37% 0.0118 91.03)` | White Desert | black, 20 to 1 |
| 8 | `#fcf9ef` | `oklch(98.10% 0.0131 90.33)` | White Heat | black, 19.8 to 1 |
| 9 | `#fcf8ed` | `oklch(97.81% 0.0146 89.61)` | Pearl Necklace | black, 19.7 to 1 |
| 10 | `#fbf6eb` | `oklch(97.49% 0.0161 88.88)` | Dipped in Cream | black, 19.5 to 1 |
| 11 | `#faf5e9` | `oklch(97.16% 0.0176 88.16)` | Clear Moon | black, 19.3 to 1 |
| 12 | `#faf4e6` | `oklch(96.80% 0.0192 87.44)` | Pot of Cream | black, 19.1 to 1 |
| 13 | `#f9f3e4` | `oklch(96.41% 0.0207 86.76)` | Daisy White | black, 18.9 to 1 |
| 14 | `#f8f1e1` | `oklch(96.01% 0.0223 86.11)` | Coconut Twist | black, 18.7 to 1 |
| 15 | `#f8f0df` | `oklch(95.58% 0.0239 85.50)` | Moonlight White | black, 18.4 to 1 |
| 16 | `#f7eedc` | `oklch(95.12% 0.0254 84.96)` | Home Plate | black, 18.2 to 1 |
| 17 | `#f6ecd9` | `oklch(94.63% 0.0270 84.47)` | Abel | black, 17.9 to 1 |
| 18 | `#f5ead6` | `oklch(94.07% 0.0286 84.01)` | Marquee White | black, 17.6 to 1 |
| 19 | `#f3e8d3` | `oklch(93.43% 0.0304 83.56)` | Eugenia | black, 17.3 to 1 |
| 20 | `#f2e6cf` | `oklch(92.74% 0.0322 83.12)` | French Creme | black, 16.9 to 1 |
| 21 | `#f0e3cc` | `oklch(92.01% 0.0342 82.71)` | Diamond Ice | black, 16.5 to 1 |
| 22 | `#eee0c8` | `oklch(91.24% 0.0361 82.31)` | Polished Ivory | black, 16.1 to 1 |
| 23 | `#ecdec4` | `oklch(90.46% 0.0381 81.92)` | Nobility | black, 15.7 to 1 |
| 24 | `#ebdbc0` | `oklch(89.67% 0.0401 81.56)` | Clam Up | black, 15.3 to 1 |
| 25 | `#e9d8bc` | `oklch(88.88% 0.0420 81.22)` | White Hot Chocolate | black, 15 to 1 |
| 26 | `#e7d5b8` | `oklch(88.12% 0.0439 80.89)` | Warm Buttercream | black, 14.6 to 1 |
| 27 | `#e5d3b4` | `oklch(87.38% 0.0457 80.59)` | Journal White | black, 14.3 to 1 |
| 28 | `#e4d1b1` | `oklch(86.70% 0.0473 80.31)` | Chaparral | black, 14 to 1 |
| 29 | `#e2ceae` | `oklch(86.07% 0.0489 80.05)` | Boutique Beige | black, 13.7 to 1 |
| 30 | `#e1ccab` | `oklch(85.51% 0.0502 79.82)` | Sundew | black, 13.4 to 1 |
| 31 | `#e0cba9` | `oklch(85.03% 0.0514 79.61)` | Marshmallow Mist | black, 13.2 to 1 |
| 32 | `#dfc9a7` | `oklch(84.65% 0.0524 79.42)` | Czech Bakery | black, 13 to 1 |

## CSS

```css
background: linear-gradient(135deg, #fffefa 0.0%, #fffdf9 3.2%, #fefdf7 6.5%, #fefcf6 9.7%, #fdfbf4 12.9%, #fdfaf3 16.1%, #fdfaf1 19.4%, #fcf9ef 22.6%, #fcf8ed 25.8%, #fbf6eb 29.0%, #faf5e9 32.3%, #faf4e6 35.5%, #f9f3e4 38.7%, #f8f1e1 41.9%, #f8f0df 45.2%, #f7eedc 48.4%, #f6ecd9 51.6%, #f5ead6 54.8%, #f3e8d3 58.1%, #f2e6cf 61.3%, #f0e3cc 64.5%, #eee0c8 67.7%, #ecdec4 71.0%, #ebdbc0 74.2%, #e9d8bc 77.4%, #e7d5b8 80.6%, #e5d3b4 83.9%, #e4d1b1 87.1%, #e2ceae 90.3%, #e1ccab 93.5%, #e0cba9 96.8%, #dfc9a7 100.0%);
background: linear-gradient(135deg in oklch, oklch(99.61% 0.0055 94.22) 0.0%, oklch(99.45% 0.0063 93.87) 3.2%, oklch(99.27% 0.0071 93.43) 6.5%, oklch(99.07% 0.0081 92.91) 9.7%, oklch(98.86% 0.0092 92.34) 12.9%, oklch(98.63% 0.0105 91.71) 16.1%, oklch(98.37% 0.0118 91.03) 19.4%, oklch(98.10% 0.0131 90.33) 22.6%, oklch(97.81% 0.0146 89.61) 25.8%, oklch(97.49% 0.0161 88.88) 29.0%, oklch(97.16% 0.0176 88.16) 32.3%, oklch(96.80% 0.0192 87.44) 35.5%, oklch(96.41% 0.0207 86.76) 38.7%, oklch(96.01% 0.0223 86.11) 41.9%, oklch(95.58% 0.0239 85.50) 45.2%, oklch(95.12% 0.0254 84.96) 48.4%, oklch(94.63% 0.0270 84.47) 51.6%, oklch(94.07% 0.0286 84.01) 54.8%, oklch(93.43% 0.0304 83.56) 58.1%, oklch(92.74% 0.0322 83.12) 61.3%, oklch(92.01% 0.0342 82.71) 64.5%, oklch(91.24% 0.0361 82.31) 67.7%, oklch(90.46% 0.0381 81.92) 71.0%, oklch(89.67% 0.0401 81.56) 74.2%, oklch(88.88% 0.0420 81.22) 77.4%, oklch(88.12% 0.0439 80.89) 80.6%, oklch(87.38% 0.0457 80.59) 83.9%, oklch(86.70% 0.0473 80.31) 87.1%, oklch(86.07% 0.0489 80.05) 90.3%, oklch(85.51% 0.0502 79.82) 93.5%, oklch(85.03% 0.0514 79.61) 96.8%, oklch(84.65% 0.0524 79.42) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.996 | 0.006 | 94.2 |
| 2 | 0.949 | 0.026 | 84.7 |
| 3 | 0.846 | 0.052 | 79.4 |

## In these collections

- [White gradients](https://grabient.com/white-gradients)

## Other forms

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