# Navy, pale aqua and moss oktoberfest palette

The Navy, pale aqua and moss oktoberfest palette brings together blue, light blue, pale green, and green. 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 green.

- Also called: Blue, off-white and olive angular swatches
- Seed: `kYalm2S6i-2wOPX3CTL3q5AUWmQI`
- Page: https://grabient.com/kYalm2S6i-2wOPX3CTL3q5AUWmQI?style=angularSwatches&steps=6&angle=315
- Drawn as: angular swatches, 6 steps, 315 degrees
- Kinds: light center, pastel
- Hues: split-complementary
- Contrast of its darkest and lightest colors: 7.2 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 | `#154b8d` | `oklch(41.73% 0.1226 255.94)` | Olympian Blue | white, 8.6 to 1 |
| 2 | `#4084bd` | `oklch(59.45% 0.1116 246.43)` | King Triton | black, 5.2 to 1 |
| 3 | `#b4d4e1` | `oklch(85.04% 0.0386 225.29)` | Foamy Surf | black, 13.4 to 1 |
| 4 | `#e9edda` | `oklch(93.70% 0.0248 115.39)` | Bethlehem Superstar | black, 17.5 to 1 |
| 5 | `#a4b754` | `oklch(74.41% 0.1268 118.56)` | Green Banana | black, 9.4 to 1 |
| 6 | `#647b30` | `oklch(54.72% 0.1047 123.84)` | Dirty Green | white, 4.7 to 1 |

## CSS

```css
background: conic-gradient(from 315deg, #154b8d 0.000% 16.667%, #4084bd 16.667% 33.333%, #b4d4e1 33.333% 50.000%, #e9edda 50.000% 66.667%, #a4b754 66.667% 83.333%, #647b30 83.333% 100.000%);
background: conic-gradient(from 315deg, oklch(41.73% 0.1226 255.94) 0.000% 16.667%, oklch(59.45% 0.1116 246.43) 16.667% 33.333%, oklch(85.04% 0.0386 225.29) 33.333% 50.000%, oklch(93.70% 0.0248 115.39) 50.000% 66.667%, oklch(74.41% 0.1268 118.56) 66.667% 83.333%, oklch(54.72% 0.1047 123.84) 83.333% 100.000%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.417 | 0.123 | 255.9 |
| 2 | 0.594 | 0.112 | 246.4 |
| 3 | 0.85 | 0.039 | 225.3 |
| 4 | 0.937 | 0.025 | 115.4 |
| 5 | 0.744 | 0.127 | 118.6 |
| 6 | 0.547 | 0.105 | 123.8 |

## In these collections

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

## Other forms

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