cooldarkneon
Arctic Lights Color Palette
Arctic Lights is a cool, dark and neon color palette of 5 colors: Oxford Blue (#0b132b), Space Cadet (#1c2541), Dark Slate Gray (#3a506b), Robin Egg Blue (#5bc0be) and Aquamarine (#6fffe9). Its dominant hue is blue.
The darkest color, Oxford Blue, on the lightest, Aquamarine, gives a 15.01:1 contrast ratio — enough for body text at WCAG AAA. 5 pairs in this palette pass AA for normal text. Aquamarine (#6fffe9) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxford Blue
- Space Cadet
- Dark Slate Gray
- Robin Egg Blue
- Aquamarine
CSS Output
:root {
--arctic-lights-1: #0b132b;
--arctic-lights-2: #1c2541;
--arctic-lights-3: #3a506b;
--arctic-lights-4: #5bc0be;
--arctic-lights-5: #6fffe9;
}Arctic Lights on a Website
A quick preview on a landing page: the most colorful colors become the primary and accent, a light one the surface. For a more realistic look across many designs, open it in the Palette Visualizer below.
See it on real designs
This is a single preview. The Palette Visualizer shows the palette on 11 designs — dashboards, mobile apps, pricing and blog pages, posters and business cards — lets you change which color plays which role, switch to dark mode and check contrast.
Accessible Color Combinations
Pairs from this palette that work as text on a background, with their WCAG contrast ratio. AA needs 4.5:1 for body text; large text needs 3:1.
- Oxford Blue on Aquamarine#0b132b on #6fffe915.01:1AAA
- Space Cadet on Aquamarine#1c2541 on #6fffe912.33:1AAA
- Oxford Blue on Robin Egg Blue#0b132b on #5bc0be8.51:1AAA
- Space Cadet on Robin Egg Blue#1c2541 on #5bc0be6.99:1AA
- Dark Slate Gray on Aquamarine#3a506b on #6fffe96.75:1AA
- Dark Slate Gray on Robin Egg Blue#3a506b on #5bc0be3.83:1AA Large