# Ochre and blue oktoberfest palette

The Ochre and blue oktoberfest palette brings together gold, pale yellow, light blue, and blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is pale yellow.

- Also called: Orange, beige and navy angular swatches
- Seed: `kYs10684xB2mPzzRpUFPKnBCkgwK`
- Page: https://grabient.com/kYs10684xB2mPzzRpUFPKnBCkgwK?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: light center
- Hues: complementary
- Contrast of its darkest and lightest colors: 9.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 | `#c79730` | `oklch(70.47% 0.1281 82.27)` | Crispy Gold | black, 7.9 to 1 |
| 2 | `#e7e2c9` | `oklch(90.94% 0.0331 98.12)` | White Cliffs | black, 16 to 1 |
| 3 | `#abcedd` | `oklch(83.07% 0.0427 227.04)` | Early September | black, 12.5 to 1 |
| 4 | `#4b95c4` | `oklch(64.17% 0.1020 238.66)` | Blue Paradise | black, 6.3 to 1 |
| 5 | `#1a6099` | `oklch(47.64% 0.1144 248.18)` | Lapis Lazuli Blue | white, 6.6 to 1 |
| 6 | `#0c3360` | `oklch(32.28% 0.0896 254.52)` | Funnel Cloud | white, 12.6 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #c79730 0.000% 16.667%, #e7e2c9 16.667% 33.333%, #abcedd 33.333% 50.000%, #4b95c4 50.000% 66.667%, #1a6099 66.667% 83.333%, #0c3360 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(70.47% 0.1281 82.27) 0.000% 16.667%, oklch(90.94% 0.0331 98.12) 16.667% 33.333%, oklch(83.07% 0.0427 227.04) 33.333% 50.000%, oklch(64.17% 0.1020 238.66) 50.000% 66.667%, oklch(47.64% 0.1144 248.18) 66.667% 83.333%, oklch(32.28% 0.0896 254.52) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.705 | 0.128 | 82.3 |
| 2 | 0.909 | 0.033 | 98.1 |
| 3 | 0.831 | 0.043 | 227 |
| 4 | 0.642 | 0.102 | 238.7 |
| 5 | 0.476 | 0.114 | 248.2 |
| 6 | 0.323 | 0.09 | 254.5 |

## In these collections

- [Oktoberfest](https://grabient.com/oktoberfest)
- [Navy and gold](https://grabient.com/navy-and-gold)

## Other forms

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