# Blue oktoberfest palette

The Blue oktoberfest palette brings together blue, off-white, and pale blue. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits brand mood boards and editorial graphics. Its darkest tone is blue, and its lightest tone is off-white.

- Also called: Monochrome blue, gray and light blue linear swatches
- Seed: `kUY22yewO_8w6P_wEL9A`
- Page: https://grabient.com/kUY22yewO_8w6P_wEL9A?style=linearSwatches&steps=4
- Drawn as: linear swatches, 4 steps, 90 degrees
- Kinds: light center, pastel, cool, monochrome
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 8.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 | `#00467e` | `oklch(38.98% 0.1114 250.36)` | Lost River | white, 9.6 to 1 |
| 2 | `#f0f5fb` | `oklch(96.85% 0.0096 250.31)` | Child of Light | black, 19.1 to 1 |
| 3 | `#1b83da` | `oklch(59.84% 0.1598 250.31)` | Blue Cola | black, 5.2 to 1 |
| 4 | `#c0dcf5` | `oklch(88.19% 0.0455 245.03)` | Greek Isles | black, 14.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #00467e 0.000% 25.000%, #f0f5fb 25.000% 50.000%, #1b83da 50.000% 75.000%, #c0dcf5 75.000% 100.000%);
background: linear-gradient(90deg, oklch(38.98% 0.1114 250.36) 0.000% 25.000%, oklch(96.85% 0.0096 250.31) 25.000% 50.000%, oklch(59.84% 0.1598 250.31) 50.000% 75.000%, oklch(88.19% 0.0455 245.03) 75.000% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.39 | 0.15 | 250.3 |
| 2 | 0.969 | 0.01 | 250.3 |
| 3 | 0.598 | 0.16 | 250.3 |
| 4 | 0.882 | 0.045 | 245 |

## In these collections

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

## Other forms

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