Retro 70s
A warm 70s retro palette with burnt orange and earthy browns. Evokes the groovy, laid-back vibe of the 1970s.
Color Breakdown
Role
background
Name
Zinc 50
Hex
#fafafa
Tailwind
bg-zinc-50
Role
surface
Name
White
Hex
#ffffff
Tailwind
bg-white
Role
primary
Name
Orange 600
Hex
#ea580c
Tailwind
text-orange-600
Role
secondary
Name
Amber 500
Hex
#f59e0b
Tailwind
text-amber-500
Role
accent
Name
Red 500
Hex
#ef4444
Tailwind
bg-red-500
Live Preview
Welcome Back
This is a live preview of the Retro 70s color scheme applied to a sample card component. See how the colors work together in a realistic UI context.
Design Rationale
“Burnt orange and amber create the distinctive warmth of 70s design. Red accents add the bold, expressive energy of the disco era.
Use Cases
CSS Variables
:root {
--background: #fafafa;
--surface: #ffffff;
--primary: #ea580c;
--secondary: #f59e0b;
--accent: #ef4444;
}Tailwind Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'retro-70s': {
'background': '#fafafa', // bg-zinc-50
'surface': '#ffffff', // bg-white
'primary': '#ea580c', // text-orange-600
'secondary': '#f59e0b', // text-amber-500
'accent': '#ef4444', // bg-red-500
},
},
},
},
};Related Color Schemes
Minimalist Light
A clean minimalist palette with abundant white space and subtle gray accents. Less is more with this restrained, elegant approach.
Minimalist Dark
A dark minimalist palette with refined grays and subtle accent color. Achieves elegance through restraint on a dark canvas.
Brutalist Raw
A raw brutalist palette with stark black-and-white contrast and no softening. Embraces imperfection and confrontational design.
Brutalist Colorful
A colorful brutalist palette that clashes bold hues intentionally. Breaks design rules with unapologetic vibrancy and contrast.
Retro 80s
A neon-tinged 80s retro palette with hot pink and electric blue. Channels the vibrant excess and synthwave aesthetic of the 1980s.
Neon Glow
A glowing neon palette with electric colors on pure black backgrounds. Creates a night-city atmosphere with vivid luminous accents.
Build with This Scheme
Use our palette generator to customize and extend this color scheme for your project.
Open Palette Generator