warmearthyretro
Sunset Boulevard Color Palette
Sunset Boulevard is a warm, earthy and retro color palette of 5 colors: Charcoal (#264653), Cadet Blue (#2a9d8f), Saffron (#e9c46a), Sandy Brown (#f4a261) and Terracotta (#e76f51). Its dominant hue is red.
The darkest color, Charcoal, on the lightest, Saffron, gives a 6.03:1 contrast ratio — enough for body text at WCAG AA. 2 pairs in this palette pass AA for normal text. Terracotta (#e76f51) is its most saturated color and a natural choice for buttons and links.
Colors
- Charcoal
- Cadet Blue
- Saffron
- Sandy Brown
- Terracotta
CSS Output
:root {
--sunset-boulevard-1: #264653;
--sunset-boulevard-2: #2a9d8f;
--sunset-boulevard-3: #e9c46a;
--sunset-boulevard-4: #f4a261;
--sunset-boulevard-5: #e76f51;
}Sunset Boulevard 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.
- Charcoal on Saffron#264653 on #e9c46a6.03:1AA
- Charcoal on Sandy Brown#264653 on #f4a2614.88:1AA
- Charcoal on Terracotta#264653 on #e76f513.25:1AA Large
- Charcoal on Cadet Blue#264653 on #2a9d8f3.03:1AA Large