Color collection
Retro 70s Color Palettes
Earthy retro palettes for posters, packaging, editorial layouts, and nostalgic websites.
#3169D8Accent#94D651Surface#EBEDF4Text#121621Support#CE829CRetro 70s 18Retro / Warm / EditorialQuality 97Primary#3198D8Accent#D2D651Surface#EBF0F4Text#121A21Support#CE82B1Retro 70s 1Retro / Warm / EditorialQuality 96Primary#9031D8Accent#D651C9Surface#F1EBF4Text#1B1221Support#CEAD82Retro 70s 20Retro / Warm / EditorialQuality 96Primary#313AD8Accent#56D651Surface#ECEBF4Text#131221Support#CE8286Retro 70s 22Retro / Warm / EditorialQuality 96Primary#8731D8Accent#51D6C9Surface#F1EBF4Text#1B1221Support#CEAA82Retro 70s 2Retro / Warm / EditorialQuality 95Primary#BF31D8Accent#D6518BSurface#F4EBF4Text#1F1221Support#CEC382How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for poster-style pages, packaging, and editorial brands. Mix mustard, rust, and olive with a cream surface for a vintage but readable system.
Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.
CSS Variables
:root {
--primary: #3169D8;
--accent: #94D651;
--surface: #EBEDF4;
--text: #121621;
--support: #CE829C;
}FAQ
Where should I use retro 70s color palettes?
These palettes are designed for poster-style pages, packaging, and editorial brands.
Can I copy these colors into a design system?
Yes. Each palette includes clear interface roles such as Primary, Accent, Surface, Text, and Support.
How do I avoid low contrast?
Mix mustard, rust, and olive with a cream surface for a vintage but readable system.