darkneoncool
Midnight Neon Color Palette
Midnight Neon is a dark, neon and cool color palette of 5 colors: Oxford Blue (#0b0c10), Gunmetal (#1f2833), Electric Blue (#66fcf1), Cadet Blue (#45a29e) and Lavender Grey (#c5c6c7). Its dominant hue is blue.
The darkest color, Oxford Blue, on the lightest, Electric Blue, gives a 15.60:1 contrast ratio — enough for body text at WCAG AAA. 6 pairs in this palette pass AA for normal text. Electric Blue (#66fcf1) is its most saturated color and a natural choice for buttons and links.
Colors
- Oxford Blue
- Gunmetal
- Electric Blue
- Cadet Blue
- Lavender Grey
CSS Output
:root {
--midnight-neon-1: #0b0c10;
--midnight-neon-2: #1f2833;
--midnight-neon-3: #66fcf1;
--midnight-neon-4: #45a29e;
--midnight-neon-5: #c5c6c7;
}Midnight Neon 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 Electric Blue#0b0c10 on #66fcf115.60:1AAA
- Gunmetal on Electric Blue#1f2833 on #66fcf111.88:1AAA
- Oxford Blue on Lavender Grey#0b0c10 on #c5c6c711.42:1AAA
- Gunmetal on Lavender Grey#1f2833 on #c5c6c78.70:1AAA
- Oxford Blue on Cadet Blue#0b0c10 on #45a29e6.43:1AA
- Gunmetal on Cadet Blue#1f2833 on #45a29e4.90:1AA