Seventies Living
Mustard, burnt orange and avocado from 1970s interiors.
Color codes
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(24, 48%, 28%) | cmyk(0%, 38%, 64%, 58%) | |||
| hsl(43, 80%, 46%) | cmyk(0%, 25%, 89%, 17%) | |||
| hsl(24, 73%, 55%) | cmyk(0%, 45%, 75%, 12%) | |||
| hsl(75, 26%, 48%) | cmyk(10%, 0%, 41%, 40%) | |||
| hsl(40, 63%, 86%) | cmyk(0%, 6%, 18%, 5%) |
CSS
:root {
--seventies-living-1: #6B4226;
--seventies-living-2: #D4A017;
--seventies-living-3: #E07B39;
--seventies-living-4: #8A9A5B;
--seventies-living-5: #F2E3C6;
}How these colors work together
The colors are analogous — neighbors on the color wheel — which gives a calm, cohesive feel. Overall it reads warm. Lightness spans 58 points, which sets how much contrast you can create.
1 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is #6B4226 on #F2E3C6 (6.82:1).
Seventies Living — readable text using the best pair.
Suggested applications
- Retro posters, cafés and nostalgic branding.
- Interface themes: use the lightest color for backgrounds and the darkest for text.
- Brand kits, social graphics and presentations.
Frequently asked questions
How do I use the Seventies Living palette?
The Seventies Living palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use #6B4226 on #F2E3C6: it has a contrast ratio of 6.82:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.
More palettes
Old Map#F4E9CD #C9B37E #8C7851 #5A4A32 #2F4858Retro Diner#E63946 #F1FAEE #A8DADC #457B9D #1D3557Faded Postcard#D8C3A5 #E98074 #8E8D8A #E85A4F #EAE7DCMediterranean Villa#F7F1E5 #E3C9A1 #C86B3C #3E7C8A #20434DCoastal Living#FFFFFF #E8F1F2 #A7C7CB #4F7D87 #D9C4A5Burgundy Autumn#4A0E1C #7B1E33 #B5524F #E8B78F #F7ECDF