1970s California Sun
Warm, retro-nostalgic color scheme inspired by mid-century California coastlines and vintage architecture.
#Vintage#Retro#Warm#Earthy
COLOR 1
#E76F51
Burnt Sienna
COLOR 2
#F4A261
Sandy Brown
COLOR 3
#E9C46A
Jasmine White
COLOR 4
#2A9D8F
Light Sea Green
COLOR 5
#264653
Baltic Sea
Suitable Design Applications
Vintage Beverage PackagingArtisan Coffee RoastersRetro Apparel BrandingMusic Festival Visuals
Visual Psychology & Mood
Warm, unpretentious, sunny, and organically nostalgic.
Editorial Application Advice
Golden ochre and burnt terracotta grounded by warm cream. Ideal for tactile print materials, cotton merchandise, and warm nostalgic web experiences.
Color Values & Codes
HEX · RGB · HSLOpen In Design Tools
CSS Variables
:root {
--color-1: #E76F51;
--color-2: #F4A261;
--color-3: #E9C46A;
--color-4: #2A9D8F;
--color-5: #264653;
}Role-Based WCAG Contrast Audit
Accessibility contrast depends on assigned UI roles. Here are the contrast ratios and WCAG compliance ratings when pairing palette colors as Foreground Text against Background surfaces:
Sample Text
#E76F51 on #2A9D8F1.07:1
Large Text Only (Fail)
Sample Text
#E76F51 on #2646533.26:1
Large Text Only (Pass)
Sample Text
#F4A261 on #2A9D8F1.61:1
Large Text Only (Fail)
Sample Text
#F4A261 on #2646534.89:1
Normal Text AA Pass
Sample Text
#E9C46A on #2A9D8F1.99:1
Large Text Only (Fail)
Sample Text
#E9C46A on #2646536.03:1
Normal Text AA Pass
Related Palettes in Vintage
Explore VintageFrequently Asked Questions About 1970s California Sun
Production design guidance and accessibility rules for applying the 1970s California Sun (Vintage) color palette.
What is the recommended role hierarchy for the 1970s California Sun palette?
In digital interface design, allocate #E76F51 and #264653 for structural surface canvas and typography hierarchy (the 60% and 30% layers of the design), while using standout swatches like #F4A261 or #E9C46A as your 10% primary action accent for buttons, badges, and interactive highlights.
Are the colors in 1970s California Sun WCAG accessible for web body copy?
Always verify contrast ratios against WCAG 2.2 AA standards (minimum 4.5:1 for regular body copy and 3.0:1 for large text or graphical controls). Consult the Role-Based WCAG Contrast Audit section above to see exact scores for every foreground/background combination in this palette.
How can I export the 1970s California Sun palette to my frontend codebase?
You can copy CSS Custom Properties directly from the CSS Variables code block above, export Tailwind CSS configuration tokens, download a high-resolution PNG card, or open the entire palette inside the interactive Palette Generator to experiment with tints and harmonies.