Pale Sky to Nocturnal Expedition color palette
B4F0FFPale Sky73CCF2Nevermind Nirvana32A0CEBlue Burst5485DFBlue Jay2559ABBlasphemous Blue004C5ANocturnal Expedition
About this palette
Pale Sky to Nocturnal Expedition is a 6-color cool, gradient palette: #B4F0FF (Pale Sky), #73CCF2 (Nevermind Nirvana), #32A0CE (Blue Burst), #5485DF (Blue Jay), #2559AB (Blasphemous Blue), #004C5A (Nocturnal Expedition). It mixes turquoise, blue tones and feels cool overall. The strongest text pairing is #B4F0FF on #004C5A with a contrast ratio of 7.72:1, and 3 of its 15 color pairs pass WCAG AA for normal text.
Color codes
| Color | HEX | RGB | HSL |
|---|---|---|---|
| Pale Sky | rgb(180, 240, 255) | hsl(192, 100%, 85%) | |
| Nevermind Nirvana | rgb(115, 204, 242) | hsl(198, 83%, 70%) | |
| Blue Burst | rgb(50, 160, 206) | hsl(198, 61%, 50%) | |
| Blue Jay | rgb(84, 133, 223) | hsl(219, 68%, 60%) | |
| Blasphemous Blue | rgb(37, 89, 171) | hsl(217, 64%, 41%) | |
| Nocturnal Expedition | rgb(0, 76, 90) | hsl(189, 100%, 18%) |
Accessible color pairs
Pairs with at least 3:1 contrast (large text and UI components); 4.5:1 or more passes WCAG AA for body text.
- Aa7.72:1 #B4F0FF on #004C5A
- Aa7.72:1 #004C5A on #B4F0FF
- Aa5.44:1 #B4F0FF on #2559AB
- Aa5.44:1 #2559AB on #B4F0FF
- Aa5.34:1 #73CCF2 on #004C5A
- Aa5.34:1 #004C5A on #73CCF2
- Aa3.76:1 #73CCF2 on #2559AB
- Aa3.76:1 #2559AB on #73CCF2
Color blindness preview
- Protanopia
- Deuteranopia
- Tritanopia
- Achromatopsia
- Dog vision
CSS variables
/* Pale Sky to Nocturnal Expedition — https://swatchly.xyz/palette/b4f0ff-73ccf2-32a0ce-5485df-2559ab-004c5a */
:root {
--pale-sky: #b4f0ff;
--nevermind-nirvana: #73ccf2;
--blue-burst: #32a0ce;
--blue-jay: #5485df;
--blasphemous-blue: #2559ab;
--nocturnal-expedition: #004c5a;
}
Tailwind CSS v4
/* Pale Sky to Nocturnal Expedition — https://swatchly.xyz/palette/b4f0ff-73ccf2-32a0ce-5485df-2559ab-004c5a */
@theme {
--color-pale-sky: #b4f0ff;
--color-pale-sky-50: #d5f6ff;
--color-pale-sky-100: #b4f0ff;
--color-pale-sky-200: #aedbe6;
--color-pale-sky-300: #94c6d3;
--color-pale-sky-400: #71a9b6;
--color-pale-sky-500: #558e9c;
--color-pale-sky-600: #3c7481;
--color-pale-sky-700: #295e6a;
--color-pale-sky-800: #1a4a54;
--color-pale-sky-900: #103942;
--color-pale-sky-950: #06242a;
--color-nevermind-nirvana: #73ccf2;
--color-nevermind-nirvana-50: #e7f7ff;
--color-nevermind-nirvana-100: #cff0ff;
--color-nevermind-nirvana-200: #a1e0fd;
--color-nevermind-nirvana-300: #73ccf2;
--color-nevermind-nirvana-400: #56accf;
--color-nevermind-nirvana-500: #3390b4;
--color-nevermind-nirvana-600: #0e7598;
--color-nevermind-nirvana-700: #005d7a;
--color-nevermind-nirvana-800: #004961;
--color-nevermind-nirvana-900: #00394c;
--color-nevermind-nirvana-950: #002331;
--color-blue-burst: #32a0ce;
--color-blue-burst-50: #eff9ff;
--color-blue-burst-100: #dff4ff;
--color-blue-burst-200: #b8e7ff;
--color-blue-burst-300: #87d6fd;
--color-blue-burst-400: #5bbae5;
--color-blue-burst-500: #32a0ce;
--color-blue-burst-600: #0082ad;
--color-blue-burst-700: #00668a;
--color-blue-burst-800: #004f6c;
--color-blue-burst-900: #003c53;
--color-blue-burst-950: #002534;
--color-blue-jay: #5485df;
--color-blue-jay-50: #f0f6ff;
--color-blue-jay-100: #e2ecff;
--color-blue-jay-200: #c4d9ff;
--color-blue-jay-300: #a1c3ff;
--color-blue-jay-400: #71a1fa;
--color-blue-jay-500: #5485df;
--color-blue-jay-600: #3b69bf;
--color-blue-jay-700: #2852a0;
--color-blue-jay-800: #1a3f84;
--color-blue-jay-900: #102f6a;
--color-blue-jay-950: #071c46;
--color-blasphemous-blue: #2559ab;
--color-blasphemous-blue-50: #f0f6ff;
--color-blasphemous-blue-100: #e0ecff;
--color-blasphemous-blue-200: #c3daff;
--color-blasphemous-blue-300: #a1c5ff;
--color-blasphemous-blue-400: #71a6fa;
--color-blasphemous-blue-500: #548ae0;
--color-blasphemous-blue-600: #3c70c3;
--color-blasphemous-blue-700: #2559ab;
--color-blasphemous-blue-800: #194589;
--color-blasphemous-blue-900: #0e346f;
--color-blasphemous-blue-950: #05204a;
--color-nocturnal-expedition: #004c5a;
--color-nocturnal-expedition-50: #e5f9ff;
--color-nocturnal-expedition-100: #cdf3fd;
--color-nocturnal-expedition-200: #b3e1ed;
--color-nocturnal-expedition-300: #96cbd9;
--color-nocturnal-expedition-400: #71adbc;
--color-nocturnal-expedition-500: #5391a1;
--color-nocturnal-expedition-600: #397685;
--color-nocturnal-expedition-700: #255f6c;
--color-nocturnal-expedition-800: #004c5a;
--color-nocturnal-expedition-900: #0c3a44;
--color-nocturnal-expedition-950: #04242b;
}
Similar palettes
- 006A94004A6800A8DD84D0FF002837C0E9FFHydra to Breaking the Ice
- AFECFC24ABC5004E5C3AD8FF006783Fresh Air to Harem Silk
- C2E7FF81A7F71CA1E4126AC1004D5100312FSalty Ice to Elite Teal
- 2474921D475BC0E6F8689DB87BC8E3Celestial to Sky Fall
- 86F4F400261D00587E66D1E4007D551397D0Bath Water to Blue Burst
- EAF8FF004D6B4F8EB469CDFF006B9253B1E8Silent Snowfall to Cerulean
- 00445D006C984697BD6EC0E5F1FAFFManiac Mansion to Cotton Ball
- ECF7FF006492003C5C0094EB7FC8FFSilent Snowfall to Nevermind Nirvana