# Near-black, turquoise and pale blue color palette The Near-black, turquoise and pale blue color palette brings together black, dark blue, blue, light blue, and off-white. The colors span a very broad lightness range, combining strong color with high contrast. Its bold and dramatic character suits information graphics and map mood boards. Its darkest tone is black, and its lightest tone is off-white. - Also called: Monochrome black, blue and light blue linear gradient - Seed: `kYFAu1nCDATbIv5UMz57RQ9_2Bv0` - Page: https://grabient.com/kYFAu1nCDATbIv5UMz57RQ9_2Bv0?steps=32 - Drawn as: linear gradient, 32 steps, 90 degrees - Kinds: dark to light, vivid, cool, monochrome - Hues: analogous - Contrast of its darkest and lightest colors: 20.1 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 | `#010204` | `oklch(7.87% 0.0152 255.23)` | Black Hole | white, 20.7 to 1 | | 2 | `#010308` | `oklch(9.28% 0.0225 255.64)` | Ninja | white, 20.6 to 1 | | 3 | `#010410` | `oklch(11.16% 0.0324 256.25)` | Eight Ball | white, 20.4 to 1 | | 4 | `#000719` | `oklch(13.41% 0.0442 256.95)` | Melanophobia | white, 20 to 1 | | 5 | `#000c25` | `oklch(15.95% 0.0575 257.62)` | Void | white, 19.4 to 1 | | 6 | `#001132` | `oklch(18.69% 0.0709 258.55)` | Squid’s Ink | white, 18.6 to 1 | | 7 | `#00173e` | `oklch(21.50% 0.0820 258.66)` | Navy | white, 17.6 to 1 | | 8 | `#001d4b` | `oklch(24.41% 0.0927 258.56)` | Oxford Blue | white, 16.4 to 1 | | 9 | `#002459` | `oklch(27.56% 0.1037 258.36)` | Clarinet | white, 14.9 to 1 | | 10 | `#002c68` | `oklch(30.89% 0.1145 258.03)` | Deep Sea Dream | white, 13.4 to 1 | | 11 | `#003577` | `oklch(34.36% 0.1246 257.51)` | Dark Midnight Blue | white, 11.7 to 1 | | 12 | `#003f87` | `oklch(37.92% 0.1334 256.77)` | Mystery Oceans | white, 10.2 to 1 | | 13 | `#004995` | `oklch(41.49% 0.1404 255.76)` | Liberalist | white, 8.7 to 1 | | 14 | `#0054a3` | `oklch(45.09% 0.1456 254.43)` | Princess Blue | white, 7.5 to 1 | | 15 | `#0060b1` | `oklch(48.83% 0.1495 252.77)` | Greek Flag Blue | white, 6.3 to 1 | | 16 | `#006cbe` | `oklch(52.67% 0.1524 250.83)` | Blue Diamond | white, 5.3 to 1 | | 17 | `#0079cc` | `oklch(56.53% 0.1547 248.67)` | Science Blue | black, 4.6 to 1 | | 18 | `#0086d8` | `oklch(60.34% 0.1565 246.38)` | Blue Cola | black, 5.4 to 1 | | 19 | `#1f93df` | `oklch(64.02% 0.1480 243.99)` | Kahu Blue | black, 6.3 to 1 | | 20 | `#38a0e2` | `oklch(67.52% 0.1357 241.56)` | Dayflower | black, 7.2 to 1 | | 21 | `#4dabe5` | `oklch(70.96% 0.1224 238.79)` | High Blue | black, 8.2 to 1 | | 22 | `#62b6e7` | `oklch(74.33% 0.1078 235.78)` | Sea Frolic | black, 9.3 to 1 | | 23 | `#76c1e8` | `oklch(77.59% 0.0928 232.73)` | Bright Spark | black, 10.5 to 1 | | 24 | `#8acae9` | `oklch(80.71% 0.0782 229.83)` | Airy Blue | black, 11.7 to 1 | | 25 | `#9dd3ea` | `oklch(83.64% 0.0646 227.29)` | Over the Sky | black, 12.8 to 1 | | 26 | `#aedaed` | `oklch(86.35% 0.0529 225.30)` | Blue Feather | black, 14 to 1 | | 27 | `#bee1f0` | `oklch(88.96% 0.0423 223.81)` | Cotton Clouds | black, 15.2 to 1 | | 28 | `#cde8f3` | `oklch(91.46% 0.0324 222.70)` | On Thin Ice | black, 16.4 to 1 | | 29 | `#daeef6` | `oklch(93.77% 0.0234 221.88)` | Ice Fishing | black, 17.5 to 1 | | 30 | `#e7f4f9` | `oklch(95.83% 0.0156 221.27)` | Milky Way | black, 18.6 to 1 | | 31 | `#f1f8fb` | `oklch(97.53% 0.0091 220.79)` | Distant Horizon | black, 19.6 to 1 | | 32 | `#f8fcfd` | `oklch(98.82% 0.0041 220.36)` | Deutzia White | black, 20.3 to 1 | ## CSS ```css background: linear-gradient(90deg, #010204 0.0%, #010308 3.2%, #010410 6.5%, #000719 9.7%, #000c25 12.9%, #001132 16.1%, #00173e 19.4%, #001d4b 22.6%, #002459 25.8%, #002c68 29.0%, #003577 32.3%, #003f87 35.5%, #004995 38.7%, #0054a3 41.9%, #0060b1 45.2%, #006cbe 48.4%, #0079cc 51.6%, #0086d8 54.8%, #1f93df 58.1%, #38a0e2 61.3%, #4dabe5 64.5%, #62b6e7 67.7%, #76c1e8 71.0%, #8acae9 74.2%, #9dd3ea 77.4%, #aedaed 80.6%, #bee1f0 83.9%, #cde8f3 87.1%, #daeef6 90.3%, #e7f4f9 93.5%, #f1f8fb 96.8%, #f8fcfd 100.0%); background: linear-gradient(90deg in oklch, oklch(7.87% 0.0152 255.23) 0.0%, oklch(9.28% 0.0225 255.64) 3.2%, oklch(11.16% 0.0324 256.25) 6.5%, oklch(13.41% 0.0442 256.95) 9.7%, oklch(15.95% 0.0575 257.62) 12.9%, oklch(18.69% 0.0709 258.55) 16.1%, oklch(21.50% 0.0820 258.66) 19.4%, oklch(24.41% 0.0927 258.56) 22.6%, oklch(27.56% 0.1037 258.36) 25.8%, oklch(30.89% 0.1145 258.03) 29.0%, oklch(34.36% 0.1246 257.51) 32.3%, oklch(37.92% 0.1334 256.77) 35.5%, oklch(41.49% 0.1404 255.76) 38.7%, oklch(45.09% 0.1456 254.43) 41.9%, oklch(48.83% 0.1495 252.77) 45.2%, oklch(52.67% 0.1524 250.83) 48.4%, oklch(56.53% 0.1547 248.67) 51.6%, oklch(60.34% 0.1565 246.38) 54.8%, oklch(64.02% 0.1480 243.99) 58.1%, oklch(67.52% 0.1357 241.56) 61.3%, oklch(70.96% 0.1224 238.79) 64.5%, oklch(74.33% 0.1078 235.78) 67.7%, oklch(77.59% 0.0928 232.73) 71.0%, oklch(80.71% 0.0782 229.83) 74.2%, oklch(83.64% 0.0646 227.29) 77.4%, oklch(86.35% 0.0529 225.30) 80.6%, oklch(88.96% 0.0423 223.81) 83.9%, oklch(91.46% 0.0324 222.70) 87.1%, oklch(93.77% 0.0234 221.88) 90.3%, oklch(95.83% 0.0156 221.27) 93.5%, oklch(97.53% 0.0091 220.79) 96.8%, oklch(98.82% 0.0041 220.36) 100.0%); ``` ## Keyframes 6 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees. | Keyframe | Lightness | Chroma | Hue | | --- | --- | --- | --- | | 1 | 0.079 | 0.015 | 255.2 | | 2 | 0.22 | 0.09 | 258.4 | | 3 | 0.429 | 0.2 | 255.2 | | 4 | 0.661 | 0.141 | 242.6 | | 5 | 0.858 | 0.055 | 225.6 | | 6 | 0.988 | 0.004 | 220.4 | ## In these collections - [Astronomy false color gradients](https://grabient.com/astronomy-false-color-gradients) - [Remote sensing gradients](https://grabient.com/remote-sensing-gradients) ## Other forms - [JSON](https://grabient.com/kYFAu1nCDATbIv5UMz57RQ9_2Bv0.json?steps=32) - [PNG](https://grabient.com/kYFAu1nCDATbIv5UMz57RQ9_2Bv0.png?steps=32) - [SVG](https://grabient.com/kYFAu1nCDATbIv5UMz57RQ9_2Bv0.svg?steps=32) - [CSS](https://grabient.com/kYFAu1nCDATbIv5UMz57RQ9_2Bv0.css?steps=32) - [ASE](https://grabient.com/kYFAu1nCDATbIv5UMz57RQ9_2Bv0.ase?steps=32) - [GPL](https://grabient.com/kYFAu1nCDATbIv5UMz57RQ9_2Bv0.gpl?steps=32) - [GRD](https://grabient.com/kYFAu1nCDATbIv5UMz57RQ9_2Bv0.grd?steps=32) - [Design tokens](https://grabient.com/kYFAu1nCDATbIv5UMz57RQ9_2Bv0.tokens.json?steps=32) - [Social card](https://grabient.com/api/og?seed=kYFAu1nCDATbIv5UMz57RQ9_2Bv0&steps=32) - [Palettes like this one](https://grabient.com/palettes?q=kYFAu1nCDATbIv5UMz57RQ9_2Bv0) - [Guide for agents](https://grabient.com/llms.txt)