# Champagne warm neutral palette

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

- Also called: Pastel monochrome beige and tan linear gradient
- Seed: `kS8xg-5aE__OOP8`
- Page: https://grabient.com/kS8xg-5aE__OOP8?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.6 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 | `#faf0d8` | `oklch(95.67% 0.0331 87.89)` | Hedgehog Mushroom | black, 18.5 to 1 |
| 2 | `#f9eed4` | `oklch(95.05% 0.0354 87.89)` | Meatbun | black, 18.1 to 1 |
| 3 | `#f7ebcf` | `oklch(94.21% 0.0385 87.90)` | Soft Candlelight | black, 17.7 to 1 |
| 4 | `#f4e8c9` | `oklch(93.21% 0.0423 87.91)` | Rice Wine | black, 17.2 to 1 |
| 5 | `#f2e4c2` | `oklch(92.06% 0.0466 87.92)` | Scroll of Wisdom | black, 16.6 to 1 |
| 6 | `#efdfbb` | `oklch(90.81% 0.0513 87.93)` | Dutch White | black, 15.9 to 1 |
| 7 | `#ecdbb2` | `oklch(89.49% 0.0563 87.94)` | Jodhpurs | black, 15.3 to 1 |
| 8 | `#e9d6aa` | `oklch(88.13% 0.0614 87.95)` | Beeswax | black, 14.6 to 1 |
| 9 | `#e6d2a2` | `oklch(86.77% 0.0665 87.96)` | Italian Straw | black, 14 to 1 |
| 10 | `#e3cd9a` | `oklch(85.44% 0.0715 87.97)` | Prairie Land | black, 13.4 to 1 |
| 11 | `#e0c992` | `oklch(84.17% 0.0762 87.97)` | Nomadic Travels | black, 12.9 to 1 |
| 12 | `#ddc58b` | `oklch(83.01% 0.0805 87.97)` | Lemon Sorbet Yellow | black, 12.4 to 1 |
| 13 | `#dbc184` | `oklch(81.98% 0.0842 87.96)` | Sunspill | black, 12 to 1 |
| 14 | `#d9bf7f` | `oklch(81.11% 0.0872 87.95)` | Jojoba | black, 11.6 to 1 |
| 15 | `#d7bc7b` | `oklch(80.46% 0.0895 87.93)` | Jojoba | black, 11.4 to 1 |
| 16 | `#d6bb78` | `oklch(80.03% 0.0907 87.91)` | Further Afield | black, 11.2 to 1 |
| 17 | `#d6ba78` | `oklch(79.88% 0.0909 87.87)` | Further Afield | black, 11.1 to 1 |
| 18 | `#d6bb79` | `oklch(79.98% 0.0900 87.83)` | Further Afield | black, 11.2 to 1 |
| 19 | `#d7bc7c` | `oklch(80.30% 0.0882 87.77)` | Jojoba | black, 11.3 to 1 |
| 20 | `#d8be7f` | `oklch(80.82% 0.0855 87.70)` | Jojoba | black, 11.5 to 1 |
| 21 | `#d9c084` | `oklch(81.49% 0.0822 87.63)` | Vermicelles | black, 11.8 to 1 |
| 22 | `#dbc38a` | `oklch(82.30% 0.0784 87.55)` | Farina | black, 12.1 to 1 |
| 23 | `#dcc690` | `oklch(83.21% 0.0741 87.47)` | Lemon Sorbet Yellow | black, 12.5 to 1 |
| 24 | `#dfc997` | `oklch(84.20% 0.0695 87.38)` | Nomadic Travels | black, 12.9 to 1 |
| 25 | `#e1cd9e` | `oklch(85.22% 0.0648 87.30)` | Prairie Land | black, 13.3 to 1 |
| 26 | `#e3d0a5` | `oklch(86.25% 0.0601 87.21)` | Lucent Yellow | black, 13.8 to 1 |
| 27 | `#e5d3ac` | `oklch(87.26% 0.0555 87.13)` | Banana Crepe | black, 14.2 to 1 |
| 28 | `#e7d7b2` | `oklch(88.22% 0.0511 87.06)` | Sunning Deck | black, 14.7 to 1 |
| 29 | `#e9dab8` | `oklch(89.10% 0.0471 86.99)` | At the Beach | black, 15.1 to 1 |
| 30 | `#eadcbd` | `oklch(89.87% 0.0436 86.93)` | Double Pearl Lusta | black, 15.5 to 1 |
| 31 | `#ebdfc2` | `oklch(90.49% 0.0407 86.87)` | Shell Haven | black, 15.8 to 1 |
| 32 | `#ece0c5` | `oklch(90.94% 0.0386 86.83)` | Sailcloth | black, 16 to 1 |

## CSS

```css
background: linear-gradient(90deg, #faf0d8 0.0%, #f9eed4 3.2%, #f7ebcf 6.5%, #f4e8c9 9.7%, #f2e4c2 12.9%, #efdfbb 16.1%, #ecdbb2 19.4%, #e9d6aa 22.6%, #e6d2a2 25.8%, #e3cd9a 29.0%, #e0c992 32.3%, #ddc58b 35.5%, #dbc184 38.7%, #d9bf7f 41.9%, #d7bc7b 45.2%, #d6bb78 48.4%, #d6ba78 51.6%, #d6bb79 54.8%, #d7bc7c 58.1%, #d8be7f 61.3%, #d9c084 64.5%, #dbc38a 67.7%, #dcc690 71.0%, #dfc997 74.2%, #e1cd9e 77.4%, #e3d0a5 80.6%, #e5d3ac 83.9%, #e7d7b2 87.1%, #e9dab8 90.3%, #eadcbd 93.5%, #ebdfc2 96.8%, #ece0c5 100.0%);
background: linear-gradient(90deg in oklch, oklch(95.67% 0.0331 87.89) 0.0%, oklch(95.05% 0.0354 87.89) 3.2%, oklch(94.21% 0.0385 87.90) 6.5%, oklch(93.21% 0.0423 87.91) 9.7%, oklch(92.06% 0.0466 87.92) 12.9%, oklch(90.81% 0.0513 87.93) 16.1%, oklch(89.49% 0.0563 87.94) 19.4%, oklch(88.13% 0.0614 87.95) 22.6%, oklch(86.77% 0.0665 87.96) 25.8%, oklch(85.44% 0.0715 87.97) 29.0%, oklch(84.17% 0.0762 87.97) 32.3%, oklch(83.01% 0.0805 87.97) 35.5%, oklch(81.98% 0.0842 87.96) 38.7%, oklch(81.11% 0.0872 87.95) 41.9%, oklch(80.46% 0.0895 87.93) 45.2%, oklch(80.03% 0.0907 87.91) 48.4%, oklch(79.88% 0.0909 87.87) 51.6%, oklch(79.98% 0.0900 87.83) 54.8%, oklch(80.30% 0.0882 87.77) 58.1%, oklch(80.82% 0.0855 87.70) 61.3%, oklch(81.49% 0.0822 87.63) 64.5%, oklch(82.30% 0.0784 87.55) 67.7%, oklch(83.21% 0.0741 87.47) 71.0%, oklch(84.20% 0.0695 87.38) 74.2%, oklch(85.22% 0.0648 87.30) 77.4%, oklch(86.25% 0.0601 87.21) 80.6%, oklch(87.26% 0.0555 87.13) 83.9%, oklch(88.22% 0.0511 87.06) 87.1%, oklch(89.10% 0.0471 86.99) 90.3%, oklch(89.87% 0.0436 86.93) 93.5%, oklch(90.49% 0.0407 86.87) 96.8%, oklch(90.94% 0.0386 86.83) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.957 | 0.033 | 87.9 |
| 2 | 0.799 | 0.091 | 87.9 |
| 3 | 0.909 | 0.039 | 86.8 |

## In these collections

- [Warm neutral gradients](https://grabient.com/warm-neutral-gradients)

## Other forms

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