# Blue oktoberfest palette

The Blue oktoberfest palette brings together blue, light blue, and off-white. 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 off-white.

- Also called: Monochrome blue and gray angular gradient
- Seed: `kaYVu4P6-_VCqPdmmD6-gIye0UzPLKkKg`
- Page: https://grabient.com/kaYVu4P6-_VCqPdmmD6-gIye0UzPLKkKg?style=angularGradient&steps=32&angle=315
- Drawn as: angular gradient, 32 steps, 315 degrees
- Kinds: light center, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 9 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 | `#114084` | `oklch(38.19% 0.1254 258.75)` | Bracing Blue | white, 10 to 1 |
| 2 | `#134489` | `oklch(39.71% 0.1264 258.25)` | Pacific Depths | white, 9.4 to 1 |
| 3 | `#174a91` | `oklch(41.83% 0.1281 257.67)` | Iron Blue | white, 8.6 to 1 |
| 4 | `#1b5299` | `oklch(44.33% 0.1298 256.85)` | Summer Waters | white, 7.7 to 1 |
| 5 | `#1f5aa2` | `oklch(46.99% 0.1310 255.62)` | Miracle at Wrigley | white, 6.8 to 1 |
| 6 | `#2263aa` | `oklch(49.59% 0.1310 253.83)` | Rainbow Bright | white, 6.1 to 1 |
| 7 | `#236bb1` | `oklch(52.03% 0.1300 251.21)` | Mid Blue | white, 5.5 to 1 |
| 8 | `#2274b6` | `oklch(54.47% 0.1285 247.73)` | Biloxi Blue | white, 4.9 to 1 |
| 9 | `#227ebc` | `oklch(56.99% 0.1261 243.82)` | Amalfi Coast | black, 4.7 to 1 |
| 10 | `#2587c0` | `oklch(59.61% 0.1226 239.93)` | Azul Caribe | black, 5.3 to 1 |
| 11 | `#2f91c5` | `oklch(62.41% 0.1177 236.48)` | Porpita Porpita | black, 5.9 to 1 |
| 12 | `#3f9bca` | `oklch(65.44% 0.1111 234.53)` | Blessed Blue | black, 6.7 to 1 |
| 13 | `#54a4d1` | `oklch(68.75% 0.1027 235.20)` | Sub-Zero | black, 7.6 to 1 |
| 14 | `#69aed8` | `oklch(72.22% 0.0929 236.27)` | Imrik Blue | black, 8.6 to 1 |
| 15 | `#7bb9dd` | `oklch(75.71% 0.0824 235.35)` | 21st Century Blue | black, 9.8 to 1 |
| 16 | `#8bc4e0` | `oklch(79.09% 0.0715 230.01)` | Club Cruise | black, 11 to 1 |
| 17 | `#99d0df` | `oklch(82.38% 0.0602 217.03)` | Washed Blue | black, 12.4 to 1 |
| 18 | `#afdbd9` | `oklch(86.08% 0.0460 192.67)` | Beachside Drive | black, 14 to 1 |
| 19 | `#cce4d7` | `oklch(89.81% 0.0308 162.85)` | Mint Whisper | black, 15.6 to 1 |
| 20 | `#e3ebdf` | `oklch(93.07% 0.0172 134.69)` | Window Pane | black, 17.2 to 1 |
| 21 | `#eff0ea` | `oklch(95.35% 0.0080 115.32)` | Clean Buffer | black, 18.3 to 1 |
| 22 | `#f2f3ee` | `oklch(96.16% 0.0056 111.74)` | White Cloud | black, 18.8 to 1 |
| 23 | `#eff2ea` | `oklch(95.65% 0.0105 125.39)` | Mineral Spring | black, 18.5 to 1 |
| 24 | `#e2f0e4` | `oklch(94.10% 0.0205 150.07)` | Molly Green | black, 17.7 to 1 |
| 25 | `#cdebe4` | `oklch(91.72% 0.0333 179.01)` | Source Blue | black, 16.6 to 1 |
| 26 | `#b7e3e9` | `oklch(88.69% 0.0466 205.45)` | Alaskan Wind | black, 15.1 to 1 |
| 27 | `#a5d8ea` | `oklch(85.20% 0.0583 222.78)` | Blue Click | black, 13.5 to 1 |
| 28 | `#91c8e5` | `oklch(80.37% 0.0705 232.28)` | Deluxe Days | black, 11.5 to 1 |
| 29 | `#78b4db` | `oklch(74.40% 0.0838 237.77)` | Dun Morogh Blue | black, 9.3 to 1 |
| 30 | `#5ea1cf` | `oklch(68.23% 0.0967 240.63)` | Picton Blue | black, 7.4 to 1 |
| 31 | `#4690c4` | `oklch(62.80% 0.1079 242.23)` | Azure Blue | black, 6 to 1 |
| 32 | `#3684bd` | `oklch(59.06% 0.1157 243.96)` | King Triton | black, 5.1 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #114084 0.0%, #134489 3.2%, #174a91 6.5%, #1b5299 9.7%, #1f5aa2 12.9%, #2263aa 16.1%, #236bb1 19.4%, #2274b6 22.6%, #227ebc 25.8%, #2587c0 29.0%, #2f91c5 32.3%, #3f9bca 35.5%, #54a4d1 38.7%, #69aed8 41.9%, #7bb9dd 45.2%, #8bc4e0 48.4%, #99d0df 51.6%, #afdbd9 54.8%, #cce4d7 58.1%, #e3ebdf 61.3%, #eff0ea 64.5%, #f2f3ee 67.7%, #eff2ea 71.0%, #e2f0e4 74.2%, #cdebe4 77.4%, #b7e3e9 80.6%, #a5d8ea 83.9%, #91c8e5 87.1%, #78b4db 90.3%, #5ea1cf 93.5%, #4690c4 96.8%, #3684bd 100.0%);
background: conic-gradient(from 315deg in oklch, oklch(38.19% 0.1254 258.75) 0.0%, oklch(39.71% 0.1264 258.25) 3.2%, oklch(41.83% 0.1281 257.67) 6.5%, oklch(44.33% 0.1298 256.85) 9.7%, oklch(46.99% 0.1310 255.62) 12.9%, oklch(49.59% 0.1310 253.83) 16.1%, oklch(52.03% 0.1300 251.21) 19.4%, oklch(54.47% 0.1285 247.73) 22.6%, oklch(56.99% 0.1261 243.82) 25.8%, oklch(59.61% 0.1226 239.93) 29.0%, oklch(62.41% 0.1177 236.48) 32.3%, oklch(65.44% 0.1111 234.53) 35.5%, oklch(68.75% 0.1027 235.20) 38.7%, oklch(72.22% 0.0929 236.27) 41.9%, oklch(75.71% 0.0824 235.35) 45.2%, oklch(79.09% 0.0715 230.01) 48.4%, oklch(82.38% 0.0602 217.03) 51.6%, oklch(86.08% 0.0460 192.67) 54.8%, oklch(89.81% 0.0308 162.85) 58.1%, oklch(93.07% 0.0172 134.69) 61.3%, oklch(95.35% 0.0080 115.32) 64.5%, oklch(96.16% 0.0056 111.74) 67.7%, oklch(95.65% 0.0105 125.39) 71.0%, oklch(94.10% 0.0205 150.07) 74.2%, oklch(91.72% 0.0333 179.01) 77.4%, oklch(88.69% 0.0466 205.45) 80.6%, oklch(85.20% 0.0583 222.78) 83.9%, oklch(80.37% 0.0705 232.28) 87.1%, oklch(74.40% 0.0838 237.77) 90.3%, oklch(68.23% 0.0967 240.63) 93.5%, oklch(62.80% 0.1079 242.23) 96.8%, oklch(59.06% 0.1157 243.96) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.382 | 0.125 | 258.8 |
| 2 | 0.5 | 0.131 | 253.5 |
| 3 | 0.634 | 0.116 | 235.5 |
| 4 | 0.807 | 0.066 | 224.9 |
| 5 | 0.961 | 0.006 | 110.8 |
| 6 | 0.858 | 0.056 | 220.7 |
| 7 | 0.591 | 0.116 | 244 |

## In these collections

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

## Other forms

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