coolmonochrome
Glacier Color Palette
Glacier is a cool and monochrome color palette of 5 colors: Alice Blue (#e3f2fd), Powder Blue (#bbdefb), Light Sky Blue (#90caf9), Cornflower Blue (#42a5f5) and Denim (#1565c0). Its dominant hue is blue.
The darkest color, Denim, on the lightest, Alice Blue, gives a 5.03:1 contrast ratio — enough for body text at WCAG AA. 1 pair in this palette passes AA for normal text. Denim (#1565c0) is its most saturated color and a natural choice for buttons and links.
Colors
- Alice Blue
- Powder Blue
- Light Sky Blue
- Cornflower Blue
- Denim
CSS Output
:root {
--glacier-1: #e3f2fd;
--glacier-2: #bbdefb;
--glacier-3: #90caf9;
--glacier-4: #42a5f5;
--glacier-5: #1565c0;
}Glacier 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.
- Denim on Alice Blue#1565c0 on #e3f2fd5.03:1AA
- Denim on Powder Blue#1565c0 on #bbdefb4.09:1AA Large
- Denim on Light Sky Blue#1565c0 on #90caf93.28:1AA Large