# Powder blue, ochre and forest green oktoberfest

The Powder blue, ochre and forest green oktoberfest brings together off-white, blue, gold, orange, and green. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits botanical branding and garden event graphics. Its darkest tone is green, and its lightest tone is off-white.

- Also called: Gray, orange, brown and dark green linear swatches
- Seed: `kW9geySL2_-S2rC1pLyqyDKg`
- Page: https://grabient.com/kW9geySL2_-S2rC1pLyqyDKg?style=linearSwatches&steps=5
- Drawn as: linear swatches, 5 steps, 90 degrees
- Kinds: vivid, multicolor
- Hues: two-hue
- Contrast of its darkest and lightest colors: 10.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 | `#f0f5fb` | `oklch(96.85% 0.0096 250.31)` | Child of Light | black, 19.1 to 1 |
| 2 | `#007ad3` | `oklch(57.09% 0.1630 250.33)` | Blue-Eyed Boy | black, 4.7 to 1 |
| 3 | `#e9b12e` | `oklch(79.13% 0.1502 83.35)` | Midsummer Gold | black, 10.7 to 1 |
| 4 | `#763c04` | `oklch(42.13% 0.1006 55.87)` | Red Beech | white, 8.7 to 1 |
| 5 | `#104318` | `oklch(33.86% 0.0896 145.69)` | Realm of the Underworld | white, 11.4 to 1 |

## CSS

```css
background: linear-gradient(90deg, #f0f5fb 0.000% 20.000%, #007ad3 20.000% 40.000%, #e9b12e 40.000% 60.000%, #763c04 60.000% 80.000%, #104318 80.000% 100.000%);
background: linear-gradient(90deg, oklch(96.85% 0.0096 250.31) 0.000% 20.000%, oklch(57.09% 0.1630 250.33) 20.000% 40.000%, oklch(79.13% 0.1502 83.35) 40.000% 60.000%, oklch(42.13% 0.1006 55.87) 60.000% 80.000%, oklch(33.86% 0.0896 145.69) 80.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.969 | 0.01 | 250.3 |
| 2 | 0.571 | 0.169 | 250.3 |
| 3 | 0.791 | 0.15 | 83.3 |
| 4 | 0.421 | 0.101 | 55.9 |
| 5 | 0.339 | 0.09 | 145.7 |

## In these collections

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

## Other forms

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