coolbrand-like
Denim & Canvas Color Palette
Denim & Canvas is a cool and brand-ready color palette of 5 colors: Prussian Blue (#1d3557), Steel Blue (#457b9d), Light Blue (#a8dadc), Honey Dew (#f1faee) and Vermilion (#e63946). Its dominant hue is red.
The darkest color, Prussian Blue, on the lightest, Honey Dew, gives a 11.56:1 contrast ratio — enough for body text at WCAG AAA. 2 pairs in this palette pass AA for normal text. Vermilion (#e63946) is its most saturated color and a natural choice for buttons and links.
Colors
- Prussian Blue
- Steel Blue
- Light Blue
- Honey Dew
- Vermilion
CSS Output
:root {
--denim-canvas-1: #1d3557;
--denim-canvas-2: #457b9d;
--denim-canvas-3: #a8dadc;
--denim-canvas-4: #f1faee;
--denim-canvas-5: #e63946;
}Denim & Canvas 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.
- Prussian Blue on Honey Dew#1d3557 on #f1faee11.56:1AAA
- Prussian Blue on Light Blue#1d3557 on #a8dadc8.07:1AAA
- Steel Blue on Honey Dew#457b9d on #f1faee4.29:1AA Large
- Vermilion on Honey Dew#e63946 on #f1faee3.89:1AA Large
- Steel Blue on Light Blue#457b9d on #a8dadc3.00:1AA Large