retrovibrant
Mod 60s Color Palette
Mod 60s is a retro and vibrant color palette of 5 colors: Scarlet (#f94144), Pumpkin (#f3722c), Saffron (#f9c74f), Pistachio (#90be6d) and Cerulean (#277da1). Its dominant hue is red.
The darkest color, Cerulean, on the lightest, Saffron, gives a 2.93:1 contrast ratio — too low for text, so pair it with white or black. No pair in it passes AA for normal text, so use it for fills and accents. Scarlet (#f94144) is its most saturated color and a natural choice for buttons and links.
Colors
- Scarlet
- Pumpkin
- Saffron
- Pistachio
- Cerulean
CSS Output
:root {
--mod-sixties-1: #f94144;
--mod-sixties-2: #f3722c;
--mod-sixties-3: #f9c74f;
--mod-sixties-4: #90be6d;
--mod-sixties-5: #277da1;
}Mod 60s 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
No two colors in this palette reach 3:1, so use them for fills and accents and set text in white or black.