# Blue and aubergine weather map palette

The Blue and aubergine weather map palette brings together light teal, teal, blue, and dark purple. The colors span a broad lightness range, combining strong color with clear contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is dark purple, and its lightest tone is light teal.

- Also called: Cool light blue, blue and navy radial gradient
- Seed: `kW4DqSXK9CUjBwu0PcJISvCQ`
- Page: https://grabient.com/kW4DqSXK9CUjBwu0PcJISvCQ?style=radialGradient&steps=32&angle=0
- Drawn as: radial gradient, 32 steps, 0 degrees
- Kinds: light to dark, vivid, cool
- Hues: wide
- Contrast of its darkest and lightest colors: 11.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 | `#97e8f1` | `oklch(88.19% 0.0799 205.31)` | Blizzard Blue | black, 15.1 to 1 |
| 2 | `#8fe4f0` | `oklch(86.96% 0.0839 206.88)` | Blizzard Blue | black, 14.5 to 1 |
| 3 | `#85dfee` | `oklch(85.33% 0.0892 208.94)` | Photon Barrier | black, 13.8 to 1 |
| 4 | `#78d9ec` | `oklch(83.38% 0.0955 211.38)` | Medium Sky Blue | black, 12.9 to 1 |
| 5 | `#69d3ea` | `oklch(81.22% 0.1024 214.12)` | Middle Blue | black, 12 to 1 |
| 6 | `#5acce8` | `oklch(78.94% 0.1098 217.06)` | Hawaiian Breeze | black, 11.1 to 1 |
| 7 | `#49c4e7` | `oklch(76.63% 0.1173 220.10)` | Clean Pool | black, 10.3 to 1 |
| 8 | `#37bde5` | `oklch(74.40% 0.1245 223.15)` | Blue Raspberry | black, 9.5 to 1 |
| 9 | `#24b5e4` | `oklch(72.33% 0.1312 226.13)` | Blue Atoll | black, 8.8 to 1 |
| 10 | `#04aee4` | `oklch(70.32% 0.1383 229.24)` | Royal Peacock | black, 8.1 to 1 |
| 11 | `#00a6e1` | `oklch(68.31% 0.1403 232.54)` | Vanadyl Blue | black, 7.5 to 1 |
| 12 | `#009fde` | `oklch(66.28% 0.1425 235.93)` | Vanadyl Blue | black, 6.9 to 1 |
| 13 | `#0097db` | `oklch(64.25% 0.1456 239.37)` | Atmosphere | black, 6.4 to 1 |
| 14 | `#008ed9` | `oklch(62.21% 0.1498 242.79)` | Kahu Blue | black, 5.8 to 1 |
| 15 | `#0086d7` | `oklch(60.17% 0.1551 246.11)` | Blue Cola | black, 5.3 to 1 |
| 16 | `#007ed5` | `oklch(58.12% 0.1614 249.27)` | Electron Blue | black, 4.9 to 1 |
| 17 | `#0075d3` | `oklch(56.06% 0.1688 252.21)` | Bright Navy Blue | white, 4.6 to 1 |
| 18 | `#006cd2` | `oklch(53.97% 0.1777 254.99)` | Flickr Blue | white, 5.1 to 1 |
| 19 | `#0a63cf` | `oklch(51.87% 0.1829 257.62)` | Royal Navy Blue | white, 5.6 to 1 |
| 20 | `#185bc8` | `oklch(49.76% 0.1819 260.18)` | Dead Blue Eyes | white, 6.2 to 1 |
| 21 | `#1f53c0` | `oklch(47.65% 0.1800 262.68)` | Cerulean Blue | white, 6.8 to 1 |
| 22 | `#254bb8` | `oklch(45.56% 0.1774 265.16)` | Apnea Dive | white, 7.5 to 1 |
| 23 | `#2943af` | `oklch(43.49% 0.1741 267.65)` | Denim | white, 8.3 to 1 |
| 24 | `#2b3ca6` | `oklch(41.45% 0.1705 270.19)` | Yuè Guāng Lán Blue | white, 9.1 to 1 |
| 25 | `#2d359d` | `oklch(39.39% 0.1660 272.86)` | Depths of Night | white, 9.9 to 1 |
| 26 | `#2f2e92` | `oklch(37.19% 0.1599 275.76)` | Royal Night | white, 10.9 to 1 |
| 27 | `#2f2786` | `oklch(34.94% 0.1527 278.77)` | Cosmic Cobalt | white, 11.9 to 1 |
| 28 | `#2e207b` | `oklch(32.73% 0.1450 281.76)` | Blue Royale | white, 13 to 1 |
| 29 | `#2d1b70` | `oklch(30.63% 0.1372 284.60)` | Persian Indigo | white, 14 to 1 |
| 30 | `#2b1666` | `oklch(28.75% 0.1301 287.15)` | Nebula Night | white, 14.9 to 1 |
| 31 | `#29125e` | `oklch(27.17% 0.1241 289.30)` | Voldemort | white, 15.6 to 1 |
| 32 | `#280f58` | `oklch(25.98% 0.1199 290.91)` | Praise of Shadow | white, 16.1 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #97e8f1 0.0%, #8fe4f0 3.2%, #85dfee 6.5%, #78d9ec 9.7%, #69d3ea 12.9%, #5acce8 16.1%, #49c4e7 19.4%, #37bde5 22.6%, #24b5e4 25.8%, #04aee4 29.0%, #00a6e1 32.3%, #009fde 35.5%, #0097db 38.7%, #008ed9 41.9%, #0086d7 45.2%, #007ed5 48.4%, #0075d3 51.6%, #006cd2 54.8%, #0a63cf 58.1%, #185bc8 61.3%, #1f53c0 64.5%, #254bb8 67.7%, #2943af 71.0%, #2b3ca6 74.2%, #2d359d 77.4%, #2f2e92 80.6%, #2f2786 83.9%, #2e207b 87.1%, #2d1b70 90.3%, #2b1666 93.5%, #29125e 96.8%, #280f58 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(88.19% 0.0799 205.31) 0.0%, oklch(86.96% 0.0839 206.88) 3.2%, oklch(85.33% 0.0892 208.94) 6.5%, oklch(83.38% 0.0955 211.38) 9.7%, oklch(81.22% 0.1024 214.12) 12.9%, oklch(78.94% 0.1098 217.06) 16.1%, oklch(76.63% 0.1173 220.10) 19.4%, oklch(74.40% 0.1245 223.15) 22.6%, oklch(72.33% 0.1312 226.13) 25.8%, oklch(70.32% 0.1383 229.24) 29.0%, oklch(68.31% 0.1403 232.54) 32.3%, oklch(66.28% 0.1425 235.93) 35.5%, oklch(64.25% 0.1456 239.37) 38.7%, oklch(62.21% 0.1498 242.79) 41.9%, oklch(60.17% 0.1551 246.11) 45.2%, oklch(58.12% 0.1614 249.27) 48.4%, oklch(56.06% 0.1688 252.21) 51.6%, oklch(53.97% 0.1777 254.99) 54.8%, oklch(51.87% 0.1829 257.62) 58.1%, oklch(49.76% 0.1819 260.18) 61.3%, oklch(47.65% 0.1800 262.68) 64.5%, oklch(45.56% 0.1774 265.16) 67.7%, oklch(43.49% 0.1741 267.65) 71.0%, oklch(41.45% 0.1705 270.19) 74.2%, oklch(39.39% 0.1660 272.86) 77.4%, oklch(37.19% 0.1599 275.76) 80.6%, oklch(34.94% 0.1527 278.77) 83.9%, oklch(32.73% 0.1450 281.76) 87.1%, oklch(30.63% 0.1372 284.60) 90.3%, oklch(28.75% 0.1301 287.15) 93.5%, oklch(27.17% 0.1241 289.30) 96.8%, oklch(25.98% 0.1199 290.91) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.882 | 0.08 | 205.3 |
| 2 | 0.728 | 0.13 | 225.4 |
| 3 | 0.571 | 0.181 | 250.8 |
| 4 | 0.409 | 0.169 | 270.8 |
| 5 | 0.26 | 0.12 | 290.9 |

## In these collections

- [Weather map gradients](https://grabient.com/weather-map-gradients)

## Other forms

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