# Champagne oktoberfest palette

The Champagne oktoberfest palette brings together off-white, pale yellow, light yellow, 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 off-white.

- Also called: Analogous white, yellow and beige linear gradient
- Seed: `kY-gw_d5LAvCnQBmsj97anAHqPv-`
- Page: https://grabient.com/kY-gw_d5LAvCnQBmsj97anAHqPv-?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: pastel, light, warm
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 1.7 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 | `#fefaee` | `oklch(98.43% 0.0165 88.59)` | Tuberose | black, 20 to 1 |
| 2 | `#fef8ea` | `oklch(97.99% 0.0199 89.31)` | Toasted Marshmallow Fluff | black, 19.8 to 1 |
| 3 | `#fdf6e4` | `oklch(97.39% 0.0243 90.36)` | Silky Tofu | black, 19.4 to 1 |
| 4 | `#fbf4de` | `oklch(96.68% 0.0297 91.57)` | Glass of Milk | black, 19 to 1 |
| 5 | `#faf1d7` | `oklch(95.89% 0.0357 92.82)` | French Porcelain Clay | black, 18.6 to 1 |
| 6 | `#f8efcf` | `oklch(95.07% 0.0424 93.94)` | Belgian Blonde | black, 18.2 to 1 |
| 7 | `#f6ecc7` | `oklch(94.25% 0.0495 94.81)` | Starbright | black, 17.7 to 1 |
| 8 | `#f5eabf` | `oklch(93.46% 0.0574 95.37)` | Dandelion Tea | black, 17.3 to 1 |
| 9 | `#f4e7b5` | `oklch(92.65% 0.0666 95.79)` | Crème de la Crème | black, 16.9 to 1 |
| 10 | `#f3e5aa` | `oklch(91.82% 0.0765 96.07)` | Vanilla | black, 16.5 to 1 |
| 11 | `#f2e29f` | `oklch(90.94% 0.0865 96.21)` | Buttery Croissant | black, 16.1 to 1 |
| 12 | `#f1df94` | `oklch(90.01% 0.0961 96.21)` | Cheesy Frittata | black, 15.6 to 1 |
| 13 | `#efdb89` | `oklch(89.01% 0.1045 96.08)` | Coco-Lemon Tart | black, 15.1 to 1 |
| 14 | `#edd77f` | `oklch(87.86% 0.1117 95.77)` | Gatsby Glitter | black, 14.6 to 1 |
| 15 | `#ead273` | `oklch(86.39% 0.1185 95.14)` | Funky Yellow | black, 13.9 to 1 |
| 16 | `#e7cc67` | `oklch(84.76% 0.1248 94.32)` | Sulphur Pit | black, 13.2 to 1 |
| 17 | `#e4c65b` | `oklch(83.18% 0.1302 93.43)` | Chicco d’Oro | black, 12.5 to 1 |
| 18 | `#e2c151` | `oklch(81.85% 0.1344 92.61)` | Indian Maize | black, 11.9 to 1 |
| 19 | `#e1bd4a` | `oklch(80.95% 0.1371 91.99)` | Capital Yellow | black, 11.6 to 1 |
| 20 | `#e0bc48` | `oklch(80.68% 0.1379 91.69)` | Buried Gold | black, 11.4 to 1 |
| 21 | `#e1bd4a` | `oklch(80.95% 0.1371 91.67)` | Capital Yellow | black, 11.6 to 1 |
| 22 | `#e2c050` | `oklch(81.65% 0.1348 91.84)` | Indian Maize | black, 11.8 to 1 |
| 23 | `#e5c358` | `oklch(82.66% 0.1312 92.12)` | Chicco d’Oro | black, 12.2 to 1 |
| 24 | `#e7c862` | `oklch(83.87% 0.1263 92.43)` | Tasman Honey Yellow | black, 12.8 to 1 |
| 25 | `#eacc6d` | `oklch(85.18% 0.1201 92.70)` | Golden Sand | black, 13.3 to 1 |
| 26 | `#ecd179` | `oklch(86.48% 0.1128 92.84)` | Choux à la Crème | black, 13.9 to 1 |
| 27 | `#efd687` | `oklch(88.06% 0.1025 92.89)` | Passementerie | black, 14.6 to 1 |
| 28 | `#f2dd99` | `oklch(89.92% 0.0896 92.90)` | Sunbathed | black, 15.5 to 1 |
| 29 | `#f5e4ab` | `oklch(91.88% 0.0757 92.88)` | Butter Honey | black, 16.5 to 1 |
| 30 | `#f9eabc` | `oklch(93.75% 0.0622 92.86)` | Frozen Custard | black, 17.5 to 1 |
| 31 | `#fbf0ca` | `oklch(95.33% 0.0507 92.83)` | Vanilla Cake | black, 18.3 to 1 |
| 32 | `#fdf3d4` | `oklch(96.46% 0.0427 92.82)` | Satin Cream White | black, 18.9 to 1 |

## CSS

```css
background: linear-gradient(90deg, #fefaee 0.0%, #fef8ea 3.2%, #fdf6e4 6.5%, #fbf4de 9.7%, #faf1d7 12.9%, #f8efcf 16.1%, #f6ecc7 19.4%, #f5eabf 22.6%, #f4e7b5 25.8%, #f3e5aa 29.0%, #f2e29f 32.3%, #f1df94 35.5%, #efdb89 38.7%, #edd77f 41.9%, #ead273 45.2%, #e7cc67 48.4%, #e4c65b 51.6%, #e2c151 54.8%, #e1bd4a 58.1%, #e0bc48 61.3%, #e1bd4a 64.5%, #e2c050 67.7%, #e5c358 71.0%, #e7c862 74.2%, #eacc6d 77.4%, #ecd179 80.6%, #efd687 83.9%, #f2dd99 87.1%, #f5e4ab 90.3%, #f9eabc 93.5%, #fbf0ca 96.8%, #fdf3d4 100.0%);
background: linear-gradient(90deg in oklch, oklch(98.43% 0.0165 88.59) 0.0%, oklch(97.99% 0.0199 89.31) 3.2%, oklch(97.39% 0.0243 90.36) 6.5%, oklch(96.68% 0.0297 91.57) 9.7%, oklch(95.89% 0.0357 92.82) 12.9%, oklch(95.07% 0.0424 93.94) 16.1%, oklch(94.25% 0.0495 94.81) 19.4%, oklch(93.46% 0.0574 95.37) 22.6%, oklch(92.65% 0.0666 95.79) 25.8%, oklch(91.82% 0.0765 96.07) 29.0%, oklch(90.94% 0.0865 96.21) 32.3%, oklch(90.01% 0.0961 96.21) 35.5%, oklch(89.01% 0.1045 96.08) 38.7%, oklch(87.86% 0.1117 95.77) 41.9%, oklch(86.39% 0.1185 95.14) 45.2%, oklch(84.76% 0.1248 94.32) 48.4%, oklch(83.18% 0.1302 93.43) 51.6%, oklch(81.85% 0.1344 92.61) 54.8%, oklch(80.95% 0.1371 91.99) 58.1%, oklch(80.68% 0.1379 91.69) 61.3%, oklch(80.95% 0.1371 91.67) 64.5%, oklch(81.65% 0.1348 91.84) 67.7%, oklch(82.66% 0.1312 92.12) 71.0%, oklch(83.87% 0.1263 92.43) 74.2%, oklch(85.18% 0.1201 92.70) 77.4%, oklch(86.48% 0.1128 92.84) 80.6%, oklch(88.06% 0.1025 92.89) 83.9%, oklch(89.92% 0.0896 92.90) 87.1%, oklch(91.88% 0.0757 92.88) 90.3%, oklch(93.75% 0.0622 92.86) 93.5%, oklch(95.33% 0.0507 92.83) 96.8%, oklch(96.46% 0.0427 92.82) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.984 | 0.017 | 88.6 |
| 2 | 0.941 | 0.051 | 94.9 |
| 3 | 0.886 | 0.107 | 96 |
| 4 | 0.807 | 0.138 | 91.8 |
| 5 | 0.862 | 0.114 | 92.8 |
| 6 | 0.965 | 0.043 | 92.8 |

## In these collections

- [Oktoberfest](https://grabient.com/oktoberfest)

## Other forms

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