# Blue snow gum blue hour palette

This palette moves from blue through light blue to pale blue. It steadily lightens across a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and social graphics, especially compositions that need a controlled shift between darker and lighter areas.

- Also called: Muted monochrome navy to light blue linear gradient
- Seed: `kWXjK6sBM_kMTvxbFL86w8-w`
- Page: https://grabient.com/kWXjK6sBM_kMTvxbFL86w8-w?steps=32
- Drawn as: linear gradient, 32 steps, 90 degrees
- Kinds: dark to light, muted, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 6.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 | `#2b3f64` | `oklch(37.01% 0.0689 262.27)` | Elmer’s Echo | white, 10.4 to 1 |
| 2 | `#2c3f63` | `oklch(36.97% 0.0674 262.04)` | Elmer’s Echo | white, 10.4 to 1 |
| 3 | `#2c3f62` | `oklch(36.80% 0.0654 261.78)` | Elmer’s Echo | white, 10.5 to 1 |
| 4 | `#2c3e60` | `oklch(36.60% 0.0629 261.46)` | Elmer’s Echo | white, 10.6 to 1 |
| 5 | `#2c3e5e` | `oklch(36.45% 0.0602 261.09)` | Nautilus | white, 10.7 to 1 |
| 6 | `#2d3e5d` | `oklch(36.44% 0.0576 260.66)` | Gulf Blue | white, 10.7 to 1 |
| 7 | `#2e3f5c` | `oklch(36.64% 0.0552 260.16)` | Gulf Blue | white, 10.6 to 1 |
| 8 | `#2f415c` | `oklch(37.16% 0.0533 259.58)` | Pi | white, 10.3 to 1 |
| 9 | `#31435e` | `oklch(38.06% 0.0521 258.92)` | Moonlit Ocean | white, 9.9 to 1 |
| 10 | `#354762` | `oklch(39.36% 0.0516 258.13)` | Stay the Night | white, 9.4 to 1 |
| 11 | `#384b66` | `oklch(40.98% 0.0514 257.23)` | Deep Royal | white, 8.8 to 1 |
| 12 | `#3d516c` | `oklch(42.87% 0.0516 256.24)` | Blue Flag | white, 8.1 to 1 |
| 13 | `#425772` | `oklch(44.94% 0.0520 255.20)` | Hidden Sapphire | white, 7.4 to 1 |
| 14 | `#475d79` | `oklch(47.14% 0.0526 254.16)` | Stream | white, 6.7 to 1 |
| 15 | `#4c647f` | `oklch(49.40% 0.0531 253.13)` | Admiral Blue | white, 6.1 to 1 |
| 16 | `#526a86` | `oklch(51.65% 0.0536 252.15)` | Aurora Borealis | white, 5.5 to 1 |
| 17 | `#57718d` | `oklch(53.88% 0.0539 251.27)` | Coronet Blue | white, 5 to 1 |
| 18 | `#5d7895` | `oklch(56.26% 0.0545 250.45)` | Rushing River | white, 4.5 to 1 |
| 19 | `#64809d` | `oklch(58.78% 0.0552 249.69)` | Blue Oar | black, 5 to 1 |
| 20 | `#6a88a5` | `oklch(61.38% 0.0559 248.94)` | Sporty Blue | black, 5.6 to 1 |
| 21 | `#7190ad` | `oklch(63.97% 0.0565 248.19)` | Identity | black, 6.2 to 1 |
| 22 | `#7897b5` | `oklch(66.51% 0.0570 247.40)` | Splendid Blue | black, 6.9 to 1 |
| 23 | `#7f9fbd` | `oklch(68.92% 0.0571 246.55)` | Washed Denim | black, 7.5 to 1 |
| 24 | `#85a6c4` | `oklch(71.14% 0.0567 245.61)` | High Tide | black, 8.2 to 1 |
| 25 | `#8badc9` | `oklch(73.17% 0.0557 244.52)` | Ocean Bubble | black, 8.8 to 1 |
| 26 | `#92b3cf` | `oklch(75.17% 0.0540 243.24)` | Innocent Blue | black, 9.5 to 1 |
| 27 | `#98b9d3` | `oklch(77.10% 0.0518 241.83)` | Blue Pointer | black, 10.2 to 1 |
| 28 | `#9ebfd7` | `oklch(78.92% 0.0494 240.39)` | Bluette | black, 10.9 to 1 |
| 29 | `#a5c4db` | `oklch(80.58% 0.0469 238.98)` | Mr Frosty | black, 11.5 to 1 |
| 30 | `#aac9de` | `oklch(82.05% 0.0446 237.70)` | Whiting Cottage | black, 12.1 to 1 |
| 31 | `#afcde1` | `oklch(83.29% 0.0427 236.63)` | Himalaya Blue | black, 12.6 to 1 |
| 32 | `#b3d0e3` | `oklch(84.25% 0.0413 235.85)` | Holiday Road | black, 13 to 1 |

## CSS

```css
background: linear-gradient(90deg, #2b3f64 0.0%, #2c3f63 3.2%, #2c3f62 6.5%, #2c3e60 9.7%, #2c3e5e 12.9%, #2d3e5d 16.1%, #2e3f5c 19.4%, #2f415c 22.6%, #31435e 25.8%, #354762 29.0%, #384b66 32.3%, #3d516c 35.5%, #425772 38.7%, #475d79 41.9%, #4c647f 45.2%, #526a86 48.4%, #57718d 51.6%, #5d7895 54.8%, #64809d 58.1%, #6a88a5 61.3%, #7190ad 64.5%, #7897b5 67.7%, #7f9fbd 71.0%, #85a6c4 74.2%, #8badc9 77.4%, #92b3cf 80.6%, #98b9d3 83.9%, #9ebfd7 87.1%, #a5c4db 90.3%, #aac9de 93.5%, #afcde1 96.8%, #b3d0e3 100.0%);
background: linear-gradient(90deg in oklch, oklch(37.01% 0.0689 262.27) 0.0%, oklch(36.97% 0.0674 262.04) 3.2%, oklch(36.80% 0.0654 261.78) 6.5%, oklch(36.60% 0.0629 261.46) 9.7%, oklch(36.45% 0.0602 261.09) 12.9%, oklch(36.44% 0.0576 260.66) 16.1%, oklch(36.64% 0.0552 260.16) 19.4%, oklch(37.16% 0.0533 259.58) 22.6%, oklch(38.06% 0.0521 258.92) 25.8%, oklch(39.36% 0.0516 258.13) 29.0%, oklch(40.98% 0.0514 257.23) 32.3%, oklch(42.87% 0.0516 256.24) 35.5%, oklch(44.94% 0.0520 255.20) 38.7%, oklch(47.14% 0.0526 254.16) 41.9%, oklch(49.40% 0.0531 253.13) 45.2%, oklch(51.65% 0.0536 252.15) 48.4%, oklch(53.88% 0.0539 251.27) 51.6%, oklch(56.26% 0.0545 250.45) 54.8%, oklch(58.78% 0.0552 249.69) 58.1%, oklch(61.38% 0.0559 248.94) 61.3%, oklch(63.97% 0.0565 248.19) 64.5%, oklch(66.51% 0.0570 247.40) 67.7%, oklch(68.92% 0.0571 246.55) 71.0%, oklch(71.14% 0.0567 245.61) 74.2%, oklch(73.17% 0.0557 244.52) 77.4%, oklch(75.17% 0.0540 243.24) 80.6%, oklch(77.10% 0.0518 241.83) 83.9%, oklch(78.92% 0.0494 240.39) 87.1%, oklch(80.58% 0.0469 238.98) 90.3%, oklch(82.05% 0.0446 237.70) 93.5%, oklch(83.29% 0.0427 236.63) 96.8%, oklch(84.25% 0.0413 235.85) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.37 | 0.069 | 262.3 |
| 2 | 0.378 | 0.052 | 259.1 |
| 3 | 0.528 | 0.054 | 251.7 |
| 4 | 0.717 | 0.056 | 245.4 |
| 5 | 0.843 | 0.041 | 235.8 |

## In these collections

- [Snow gum blue hour](https://grabient.com/snow-gum-blue-hour)

## Other forms

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