# Cream and orange oktoberfest palette

The Cream and orange oktoberfest palette brings together off-white, pale yellow, light yellow, gold, and orange. The colors span a moderate lightness range, combining moderate 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: Analogous white, yellow and brown linear swatches
- Seed: `kY_ApHfI9AHocv90qT-bLE_lEvvM`
- Page: https://grabient.com/kY_ApHfI9AHocv90qT-bLE_lEvvM?style=linearSwatches&steps=6&angle=45
- Drawn as: linear swatches, 6 steps, 45 degrees
- Kinds: light to dark, pastel, light, warm
- Hues: analogous
- Contrast of its darkest and lightest colors: 3.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 | `#fefdf2` | `oklch(99.21% 0.0138 99.84)` | Granulated Sugar | black, 20.5 to 1 |
| 2 | `#fefada` | `oklch(98.03% 0.0413 100.90)` | Warm Light | black, 19.9 to 1 |
| 3 | `#fef4b7` | `oklch(96.06% 0.0785 99.84)` | Swiss Cheese | black, 18.8 to 1 |
| 4 | `#f9e48a` | `oklch(91.73% 0.1130 96.67)` | East of the Sun | black, 16.5 to 1 |
| 5 | `#edcd5d` | `oklch(85.43% 0.1350 93.50)` | Vault-Tec Yellow | black, 13.4 to 1 |
| 6 | `#bf7a1e` | `oklch(63.78% 0.1309 67.08)` | Maine Coon Orange | black, 6 to 1 |

## CSS

```css
background: linear-gradient(45deg, #fefdf2 0.000% 16.667%, #fefada 16.667% 33.333%, #fef4b7 33.333% 50.000%, #f9e48a 50.000% 66.667%, #edcd5d 66.667% 83.333%, #bf7a1e 83.333% 100.000%);
background: linear-gradient(45deg, oklch(99.21% 0.0138 99.84) 0.000% 16.667%, oklch(98.03% 0.0413 100.90) 16.667% 33.333%, oklch(96.06% 0.0785 99.84) 33.333% 50.000%, oklch(91.73% 0.1130 96.67) 50.000% 66.667%, oklch(85.43% 0.1350 93.50) 66.667% 83.333%, oklch(63.78% 0.1309 67.08) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.992 | 0.014 | 99.8 |
| 2 | 0.98 | 0.041 | 100.9 |
| 3 | 0.961 | 0.079 | 99.8 |
| 4 | 0.917 | 0.113 | 96.7 |
| 5 | 0.854 | 0.135 | 93.5 |
| 6 | 0.638 | 0.131 | 67.1 |

## In these collections

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

## Other forms

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