# Champagne gold palette

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

- Also called: Monochrome off-white to brown linear gradient
- Seed: `kS-RFA7Rm_cGcPu`
- Page: https://grabient.com/kS-RFA7Rm_cGcPu?steps=32&angle=270
- Drawn as: linear gradient, 32 steps, 270 degrees
- Kinds: light to dark, pastel, light, warm, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 5.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 | `#fef8e7` | `oklch(98.03% 0.0234 90.70)` | Cosmic Latte | black, 19.8 to 1 |
| 2 | `#fef7e5` | `oklch(97.63% 0.0252 90.56)` | Sheer Peach | black, 19.6 to 1 |
| 3 | `#fdf6e1` | `oklch(97.21% 0.0275 90.40)` | Crème de Pêche | black, 19.3 to 1 |
| 4 | `#fcf4de` | `oklch(96.77% 0.0301 90.21)` | Glass of Milk | black, 19.1 to 1 |
| 5 | `#fbf2da` | `oklch(96.29% 0.0332 90.02)` | Barley Groats | black, 18.8 to 1 |
| 6 | `#fbf1d6` | `oklch(95.77% 0.0365 89.80)` | French Porcelain Clay | black, 18.5 to 1 |
| 7 | `#faefd1` | `oklch(95.21% 0.0400 89.57)` | Custard Cream | black, 18.2 to 1 |
| 8 | `#f9eccd` | `oklch(94.58% 0.0436 89.32)` | Pappardelle Noodle | black, 17.9 to 1 |
| 9 | `#f8eac8` | `oklch(93.89% 0.0474 89.05)` | Gin Fizz | black, 17.5 to 1 |
| 10 | `#f6e7c2` | `oklch(93.13% 0.0511 88.76)` | Pipitschah | black, 17.1 to 1 |
| 11 | `#f4e4bd` | `oklch(92.28% 0.0547 88.46)` | Creamy Vanilla | black, 16.7 to 1 |
| 12 | `#f3e1b7` | `oklch(91.35% 0.0582 88.14)` | Soft Butter | black, 16.2 to 1 |
| 13 | `#f0ddb1` | `oklch(90.32% 0.0615 87.80)` | Honey and Cream | black, 15.7 to 1 |
| 14 | `#edd9ab` | `oklch(89.18% 0.0645 87.44)` | Golden Fleece | black, 15.1 to 1 |
| 15 | `#ead5a5` | `oklch(87.93% 0.0671 87.07)` | Paper Moon | black, 14.5 to 1 |
| 16 | `#e7d19f` | `oklch(86.56% 0.0693 86.68)` | Italian Straw | black, 13.9 to 1 |
| 17 | `#e2cb99` | `oklch(85.04% 0.0711 86.26)` | Frozen Fruit | black, 13.2 to 1 |
| 18 | `#ddc592` | `oklch(83.24% 0.0725 85.79)` | Dirty Blonde | black, 12.5 to 1 |
| 19 | `#d7be8b` | `oklch(81.18% 0.0737 85.26)` | Honey Tea | black, 11.6 to 1 |
| 20 | `#d1b783` | `oklch(78.91% 0.0747 84.69)` | Clumsy Caramel | black, 10.7 to 1 |
| 21 | `#c9af7b` | `oklch(76.47% 0.0754 84.08)` | Cup of Tea | black, 9.9 to 1 |
| 22 | `#c2a773` | `oklch(73.91% 0.0760 83.45)` | Hay Yellow | black, 9 to 1 |
| 23 | `#ba9e6a` | `oklch(71.27% 0.0763 82.80)` | Buffalo Hide | black, 8.2 to 1 |
| 24 | `#b29662` | `oklch(68.60% 0.0766 82.15)` | Antelope | black, 7.4 to 1 |
| 25 | `#aa8e5a` | `oklch(65.95% 0.0768 81.50)` | Dark Sand | black, 6.6 to 1 |
| 26 | `#a28553` | `oklch(63.36% 0.0768 80.87)` | Bristle Grass | black, 6 to 1 |
| 27 | `#9b7e4b` | `oklch(60.87% 0.0769 80.27)` | Bronzed Brass | black, 5.4 to 1 |
| 28 | `#947745` | `oklch(58.53% 0.0769 79.71)` | Antique Penny | black, 4.9 to 1 |
| 29 | `#8e703f` | `oklch(56.38% 0.0769 79.19)` | Chilli Green | white, 4.6 to 1 |
| 30 | `#886b39` | `oklch(54.48% 0.0769 78.73)` | Kimirucha Brown | white, 5 to 1 |
| 31 | `#846634` | `oklch(52.86% 0.0770 78.34)` | Dirt Brown | white, 5.3 to 1 |
| 32 | `#806230` | `oklch(51.57% 0.0772 78.02)` | Bronze Brown | white, 5.6 to 1 |

## CSS

```css
background: linear-gradient(270deg, #fef8e7 0.0%, #fef7e5 3.2%, #fdf6e1 6.5%, #fcf4de 9.7%, #fbf2da 12.9%, #fbf1d6 16.1%, #faefd1 19.4%, #f9eccd 22.6%, #f8eac8 25.8%, #f6e7c2 29.0%, #f4e4bd 32.3%, #f3e1b7 35.5%, #f0ddb1 38.7%, #edd9ab 41.9%, #ead5a5 45.2%, #e7d19f 48.4%, #e2cb99 51.6%, #ddc592 54.8%, #d7be8b 58.1%, #d1b783 61.3%, #c9af7b 64.5%, #c2a773 67.7%, #ba9e6a 71.0%, #b29662 74.2%, #aa8e5a 77.4%, #a28553 80.6%, #9b7e4b 83.9%, #947745 87.1%, #8e703f 90.3%, #886b39 93.5%, #846634 96.8%, #806230 100.0%);
background: linear-gradient(270deg in oklch, oklch(98.03% 0.0234 90.70) 0.0%, oklch(97.63% 0.0252 90.56) 3.2%, oklch(97.21% 0.0275 90.40) 6.5%, oklch(96.77% 0.0301 90.21) 9.7%, oklch(96.29% 0.0332 90.02) 12.9%, oklch(95.77% 0.0365 89.80) 16.1%, oklch(95.21% 0.0400 89.57) 19.4%, oklch(94.58% 0.0436 89.32) 22.6%, oklch(93.89% 0.0474 89.05) 25.8%, oklch(93.13% 0.0511 88.76) 29.0%, oklch(92.28% 0.0547 88.46) 32.3%, oklch(91.35% 0.0582 88.14) 35.5%, oklch(90.32% 0.0615 87.80) 38.7%, oklch(89.18% 0.0645 87.44) 41.9%, oklch(87.93% 0.0671 87.07) 45.2%, oklch(86.56% 0.0693 86.68) 48.4%, oklch(85.04% 0.0711 86.26) 51.6%, oklch(83.24% 0.0725 85.79) 54.8%, oklch(81.18% 0.0737 85.26) 58.1%, oklch(78.91% 0.0747 84.69) 61.3%, oklch(76.47% 0.0754 84.08) 64.5%, oklch(73.91% 0.0760 83.45) 67.7%, oklch(71.27% 0.0763 82.80) 71.0%, oklch(68.60% 0.0766 82.15) 74.2%, oklch(65.95% 0.0768 81.50) 77.4%, oklch(63.36% 0.0768 80.87) 80.6%, oklch(60.87% 0.0769 80.27) 83.9%, oklch(58.53% 0.0769 79.71) 87.1%, oklch(56.38% 0.0769 79.19) 90.3%, oklch(54.48% 0.0769 78.73) 93.5%, oklch(52.86% 0.0770 78.34) 96.8%, oklch(51.57% 0.0772 78.02) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.98 | 0.023 | 90.7 |
| 2 | 0.858 | 0.07 | 86.5 |
| 3 | 0.516 | 0.077 | 78 |

## In these collections

- [Gold gradients](https://grabient.com/gold-gradients)

## Other forms

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