retrowarmearthy
70s Lounge Color Palette
70s Lounge is a retro, warm and earthy color palette of 5 colors: Coffee (#7f5539), Mocha (#a68a64), Saffron (#e9c46a), Camel (#d4a373) and Brick Red (#bc4749). Its dominant hue is orange.
The darkest color, Coffee, on the lightest, Saffron, gives a 3.85:1 contrast ratio — enough for large headings, but not body text. No pair in it passes AA for normal text, so use it for fills and accents. Brick Red (#bc4749) is its most saturated color and a natural choice for buttons and links.
Colors
- Coffee
- Mocha
- Saffron
- Camel
- Brick Red
CSS Output
:root {
--seventies-lounge-1: #7f5539;
--seventies-lounge-2: #a68a64;
--seventies-lounge-3: #e9c46a;
--seventies-lounge-4: #d4a373;
--seventies-lounge-5: #bc4749;
}70s Lounge 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.
- Coffee on Saffron#7f5539 on #e9c46a3.85:1AA Large
- Brick Red on Saffron#bc4749 on #e9c46a3.03:1AA Large