# Blue minimal palette

The Blue minimal palette brings together light blue, blue, and dark gray. The colors span a broad lightness range, combining restrained color with clear contrast. Its balanced and composed character suits brand mood boards and editorial graphics. Its darkest tone is dark gray, and its lightest tone is light blue.

- Also called: Light blue, gray and navy linear gradient
- Seed: `kWwiS4WBC_8KNQArCUAoAfAQ`
- Page: https://grabient.com/kWwiS4WBC_8KNQArCUAoAfAQ?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, neutral, cool
- Hues: monochromatic
- Contrast of its darkest and lightest colors: 7.5 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 | `#a0b4d2` | `oklch(76.38% 0.0496 258.75)` | Blue Satin | black, 9.9 to 1 |
| 2 | `#9eb2d1` | `oklch(75.88% 0.0493 258.74)` | Heartsong | black, 9.7 to 1 |
| 3 | `#9cb0ce` | `oklch(75.30% 0.0490 258.72)` | Heartsong | black, 9.5 to 1 |
| 4 | `#9aaecc` | `oklch(74.60% 0.0486 258.70)` | Heartsong | black, 9.3 to 1 |
| 5 | `#98abc9` | `oklch(73.78% 0.0481 258.68)` | Scorpion Grass Blue | black, 9 to 1 |
| 6 | `#95a8c6` | `oklch(72.82% 0.0475 258.67)` | Finesse | black, 8.7 to 1 |
| 7 | `#92a5c2` | `oklch(71.70% 0.0469 258.68)` | Frills | black, 8.3 to 1 |
| 8 | `#8fa1bd` | `oklch(70.40% 0.0461 258.71)` | Electric Sky | black, 7.9 to 1 |
| 9 | `#8a9cb8` | `oklch(68.89% 0.0452 258.77)` | Forever Blue | black, 7.5 to 1 |
| 10 | `#8597b1` | `oklch(67.14% 0.0442 258.85)` | Monsoon Season | black, 7 to 1 |
| 11 | `#8091aa` | `oklch(65.14% 0.0431 258.95)` | Stratus | black, 6.5 to 1 |
| 12 | `#7a8aa3` | `oklch(62.97% 0.0419 259.06)` | Gladeye | black, 5.9 to 1 |
| 13 | `#74839b` | `oklch(60.66% 0.0406 259.20)` | Stonewash | black, 5.4 to 1 |
| 14 | `#6d7c93` | `oklch(58.29% 0.0392 259.35)` | Blue Suede | black, 4.9 to 1 |
| 15 | `#67758b` | `oklch(55.89% 0.0379 259.52)` | Always Indigo | white, 4.6 to 1 |
| 16 | `#616e83` | `oklch(53.52% 0.0365 259.71)` | Sausalito Port | white, 5.1 to 1 |
| 17 | `#5b677b` | `oklch(51.19% 0.0351 259.91)` | Blue Zephyr | white, 5.6 to 1 |
| 18 | `#556073` | `oklch(48.73% 0.0337 260.13)` | Da Blues | white, 6.3 to 1 |
| 19 | `#4e596b` | `oklch(46.16% 0.0321 260.37)` | Storm Rising | white, 7 to 1 |
| 20 | `#485263` | `oklch(43.56% 0.0306 260.63)` | Senate | white, 7.9 to 1 |
| 21 | `#424b5a` | `oklch(41.00% 0.0290 260.91)` | Cavalry | white, 8.8 to 1 |
| 22 | `#3c4453` | `oklch(38.56% 0.0275 261.20)` | Blue Zodiac | white, 9.7 to 1 |
| 23 | `#363e4c` | `oklch(36.30% 0.0262 261.51)` | Burka Black | white, 10.7 to 1 |
| 24 | `#323946` | `oklch(34.31% 0.0251 261.84)` | Biro Blue | white, 11.6 to 1 |
| 25 | `#2e3541` | `oklch(32.59% 0.0241 262.20)` | Anchorman | white, 12.4 to 1 |
| 26 | `#2a313d` | `oklch(31.07% 0.0233 262.63)` | Diamond Black | white, 13.1 to 1 |
| 27 | `#272d39` | `oklch(29.71% 0.0227 263.10)` | Chimney Sweep | white, 13.7 to 1 |
| 28 | `#242a35` | `oklch(28.51% 0.0221 263.58)` | Sky Captain | white, 14.3 to 1 |
| 29 | `#222832` | `oklch(27.47% 0.0217 264.05)` | Infinity | white, 14.8 to 1 |
| 30 | `#202530` | `oklch(26.57% 0.0213 264.47)` | Moonless Mystery | white, 15.2 to 1 |
| 31 | `#1f242e` | `oklch(25.82% 0.0210 264.83)` | Dark | white, 15.6 to 1 |
| 32 | `#1d222c` | `oklch(25.20% 0.0207 265.09)` | Dark | white, 15.9 to 1 |

## CSS

```css
background: linear-gradient(45deg, #a0b4d2 0.0%, #9eb2d1 3.2%, #9cb0ce 6.5%, #9aaecc 9.7%, #98abc9 12.9%, #95a8c6 16.1%, #92a5c2 19.4%, #8fa1bd 22.6%, #8a9cb8 25.8%, #8597b1 29.0%, #8091aa 32.3%, #7a8aa3 35.5%, #74839b 38.7%, #6d7c93 41.9%, #67758b 45.2%, #616e83 48.4%, #5b677b 51.6%, #556073 54.8%, #4e596b 58.1%, #485263 61.3%, #424b5a 64.5%, #3c4453 67.7%, #363e4c 71.0%, #323946 74.2%, #2e3541 77.4%, #2a313d 80.6%, #272d39 83.9%, #242a35 87.1%, #222832 90.3%, #202530 93.5%, #1f242e 96.8%, #1d222c 100.0%);
background: linear-gradient(45deg in oklch, oklch(76.38% 0.0496 258.75) 0.0%, oklch(75.88% 0.0493 258.74) 3.2%, oklch(75.30% 0.0490 258.72) 6.5%, oklch(74.60% 0.0486 258.70) 9.7%, oklch(73.78% 0.0481 258.68) 12.9%, oklch(72.82% 0.0475 258.67) 16.1%, oklch(71.70% 0.0469 258.68) 19.4%, oklch(70.40% 0.0461 258.71) 22.6%, oklch(68.89% 0.0452 258.77) 25.8%, oklch(67.14% 0.0442 258.85) 29.0%, oklch(65.14% 0.0431 258.95) 32.3%, oklch(62.97% 0.0419 259.06) 35.5%, oklch(60.66% 0.0406 259.20) 38.7%, oklch(58.29% 0.0392 259.35) 41.9%, oklch(55.89% 0.0379 259.52) 45.2%, oklch(53.52% 0.0365 259.71) 48.4%, oklch(51.19% 0.0351 259.91) 51.6%, oklch(48.73% 0.0337 260.13) 54.8%, oklch(46.16% 0.0321 260.37) 58.1%, oklch(43.56% 0.0306 260.63) 61.3%, oklch(41.00% 0.0290 260.91) 64.5%, oklch(38.56% 0.0275 261.20) 67.7%, oklch(36.30% 0.0262 261.51) 71.0%, oklch(34.31% 0.0251 261.84) 74.2%, oklch(32.59% 0.0241 262.20) 77.4%, oklch(31.07% 0.0233 262.63) 80.6%, oklch(29.71% 0.0227 263.10) 83.9%, oklch(28.51% 0.0221 263.58) 87.1%, oklch(27.47% 0.0217 264.05) 90.3%, oklch(26.57% 0.0213 264.47) 93.5%, oklch(25.82% 0.0210 264.83) 96.8%, oklch(25.20% 0.0207 265.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.764 | 0.05 | 258.8 |
| 2 | 0.693 | 0.045 | 258.8 |
| 3 | 0.524 | 0.036 | 259.8 |
| 4 | 0.339 | 0.025 | 261.9 |
| 5 | 0.252 | 0.021 | 265.1 |

## In these collections

- [Minimal color palette](https://grabient.com/minimal-color-palette)

## Other forms

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