# Blue and turquoise population density palette

The Blue and turquoise population density palette brings together off-white, light blue, blue, and dark blue. The colors span a broad lightness range, combining moderate color with clear contrast. Its balanced and composed character suits information graphics and map mood boards. Its darkest tone is dark blue, and its lightest tone is off-white.

- Also called: Monochrome light blue to navy linear gradient
- Seed: `kW-AiRbBXCNorQQ-qkGJBdAQ`
- Page: https://grabient.com/kW-AiRbBXCNorQQ-qkGJBdAQ?steps=32&angle=45
- Drawn as: linear gradient, 32 steps, 45 degrees
- Kinds: light to dark, vivid, cool, monochrome
- Hues: analogous
- Contrast of its darkest and lightest colors: 13.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 | `#effafb` | `oklch(97.64% 0.0110 203.91)` | Distant Horizon | black, 19.6 to 1 |
| 2 | `#e9f7f9` | `oklch(96.64% 0.0148 205.50)` | Indigo White | black, 19.1 to 1 |
| 3 | `#e1f4f6` | `oklch(95.32% 0.0198 207.70)` | Coastal Breeze | black, 18.4 to 1 |
| 4 | `#d8eff4` | `oklch(93.75% 0.0257 210.32)` | Let It Snow | black, 17.6 to 1 |
| 5 | `#cdebf2` | `oklch(92.00% 0.0323 213.19)` | Chalky Blue White | black, 16.7 to 1 |
| 6 | `#c2e6ef` | `oklch(90.14% 0.0394 216.11)` | Onahau | black, 15.8 to 1 |
| 7 | `#b7e0ed` | `oklch(88.24% 0.0467 218.90)` | Polar Wind | black, 14.9 to 1 |
| 8 | `#acdbec` | `oklch(86.37% 0.0539 221.38)` | Spring Shower | black, 14 to 1 |
| 9 | `#a1d6ea` | `oklch(84.61% 0.0610 223.38)` | Light Budgie Blue | black, 13.3 to 1 |
| 10 | `#96d1e9` | `oklch(82.92% 0.0689 224.96)` | Light Bright Spark | black, 12.6 to 1 |
| 11 | `#8acde8` | `oklch(81.26% 0.0775 226.26)` | Anakiwa | black, 11.9 to 1 |
| 12 | `#7ec8e8` | `oklch(79.59% 0.0865 227.37)` | Shimmer | black, 11.3 to 1 |
| 13 | `#71c3e7` | `oklch(77.86% 0.0953 228.39)` | Spritzig | black, 10.6 to 1 |
| 14 | `#64bee6` | `oklch(76.05% 0.1036 229.39)` | Norfolk Sky | black, 10 to 1 |
| 15 | `#57b8e4` | `oklch(74.10% 0.1108 230.48)` | Sea Frolic | black, 9.3 to 1 |
| 16 | `#4bb1e1` | `oklch(71.99% 0.1164 231.72)` | Summer Sky | black, 8.6 to 1 |
| 17 | `#40a9dc` | `oklch(69.68% 0.1202 233.23)` | Thalassophile | black, 7.9 to 1 |
| 18 | `#37a1d6` | `oklch(67.13% 0.1226 234.99)` | Blue Damselfly | black, 7.2 to 1 |
| 19 | `#2e97cf` | `oklch(64.41% 0.1240 236.93)` | Astrolabe Reef | black, 6.4 to 1 |
| 20 | `#288ec7` | `oklch(61.55% 0.1242 238.95)` | Parrotfish Blue | black, 5.7 to 1 |
| 21 | `#2384be` | `oklch(58.62% 0.1236 240.95)` | Mediterranean Blue | black, 5.1 to 1 |
| 22 | `#1f7ab5` | `oklch(55.67% 0.1220 242.83)` | Star Command Blue | white, 4.6 to 1 |
| 23 | `#1b70ab` | `oklch(52.74% 0.1197 244.51)` | Planetarium | white, 5.2 to 1 |
| 24 | `#1867a1` | `oklch(49.90% 0.1166 245.89)` | LED Blue | white, 5.9 to 1 |
| 25 | `#165f96` | `oklch(47.07% 0.1124 246.91)` | Lapis Jewel | white, 6.7 to 1 |
| 26 | `#14568a` | `oklch(44.04% 0.1062 247.67)` | Stunning Sapphire | white, 7.7 to 1 |
| 27 | `#124d7d` | `oklch(40.90% 0.0987 248.21)` | Classic Blue | white, 8.8 to 1 |
| 28 | `#11446f` | `oklch(37.80% 0.0904 248.58)` | Epic Adventure | white, 10 to 1 |
| 29 | `#103c63` | `oklch(34.87% 0.0821 248.84)` | Poseidon | white, 11.3 to 1 |
| 30 | `#0f3557` | `oklch(32.23% 0.0744 249.01)` | Incremental Blue | white, 12.5 to 1 |
| 31 | `#0d304e` | `oklch(30.01% 0.0679 249.17)` | Crow Black Blue | white, 13.6 to 1 |
| 32 | `#0c2b47` | `oklch(28.35% 0.0634 249.35)` | Midnight Ocean | white, 14.4 to 1 |

## CSS

```css
background: linear-gradient(45deg, #effafb 0.0%, #e9f7f9 3.2%, #e1f4f6 6.5%, #d8eff4 9.7%, #cdebf2 12.9%, #c2e6ef 16.1%, #b7e0ed 19.4%, #acdbec 22.6%, #a1d6ea 25.8%, #96d1e9 29.0%, #8acde8 32.3%, #7ec8e8 35.5%, #71c3e7 38.7%, #64bee6 41.9%, #57b8e4 45.2%, #4bb1e1 48.4%, #40a9dc 51.6%, #37a1d6 54.8%, #2e97cf 58.1%, #288ec7 61.3%, #2384be 64.5%, #1f7ab5 67.7%, #1b70ab 71.0%, #1867a1 74.2%, #165f96 77.4%, #14568a 80.6%, #124d7d 83.9%, #11446f 87.1%, #103c63 90.3%, #0f3557 93.5%, #0d304e 96.8%, #0c2b47 100.0%);
background: linear-gradient(45deg in oklch, oklch(97.64% 0.0110 203.91) 0.0%, oklch(96.64% 0.0148 205.50) 3.2%, oklch(95.32% 0.0198 207.70) 6.5%, oklch(93.75% 0.0257 210.32) 9.7%, oklch(92.00% 0.0323 213.19) 12.9%, oklch(90.14% 0.0394 216.11) 16.1%, oklch(88.24% 0.0467 218.90) 19.4%, oklch(86.37% 0.0539 221.38) 22.6%, oklch(84.61% 0.0610 223.38) 25.8%, oklch(82.92% 0.0689 224.96) 29.0%, oklch(81.26% 0.0775 226.26) 32.3%, oklch(79.59% 0.0865 227.37) 35.5%, oklch(77.86% 0.0953 228.39) 38.7%, oklch(76.05% 0.1036 229.39) 41.9%, oklch(74.10% 0.1108 230.48) 45.2%, oklch(71.99% 0.1164 231.72) 48.4%, oklch(69.68% 0.1202 233.23) 51.6%, oklch(67.13% 0.1226 234.99) 54.8%, oklch(64.41% 0.1240 236.93) 58.1%, oklch(61.55% 0.1242 238.95) 61.3%, oklch(58.62% 0.1236 240.95) 64.5%, oklch(55.67% 0.1220 242.83) 67.7%, oklch(52.74% 0.1197 244.51) 71.0%, oklch(49.90% 0.1166 245.89) 74.2%, oklch(47.07% 0.1124 246.91) 77.4%, oklch(44.04% 0.1062 247.67) 80.6%, oklch(40.90% 0.0987 248.21) 83.9%, oklch(37.80% 0.0904 248.58) 87.1%, oklch(34.87% 0.0821 248.84) 90.3%, oklch(32.23% 0.0744 249.01) 93.5%, oklch(30.01% 0.0679 249.17) 96.8%, oklch(28.35% 0.0634 249.35) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.976 | 0.011 | 203.9 |
| 2 | 0.85 | 0.059 | 222.9 |
| 3 | 0.709 | 0.119 | 232.4 |
| 4 | 0.492 | 0.116 | 246.2 |
| 5 | 0.283 | 0.063 | 249.3 |

## In these collections

- [Population density gradients](https://grabient.com/population-density-gradients)

## Other forms

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