Retro 80s
A neon-tinged 80s retro palette with hot pink and electric blue. Channels the vibrant excess and synthwave aesthetic of the 1980s.
Color Breakdown
Role
background
Name
Slate 950
Hex
#020617
Tailwind
bg-slate-950
Role
surface
Name
Slate 900
Hex
#0f172a
Tailwind
bg-slate-900
Role
primary
Name
Pink 500
Hex
#ec4899
Tailwind
text-pink-500
Role
secondary
Name
Violet 500
Hex
#8b5cf6
Tailwind
text-violet-500
Role
accent
Name
Sky 500
Hex
#0ea5e9
Tailwind
bg-sky-500
Live Preview
Welcome Back
This is a live preview of the Retro 80s color scheme applied to a sample card component. See how the colors work together in a realistic UI context.
Design Rationale
“Hot pink and violet on dark backgrounds recreate the iconic neon-lit 80s aesthetic. Sky blue accents complete the synthwave color triad.
Use Cases
CSS Variables
:root {
--background: #020617;
--surface: #0f172a;
--primary: #ec4899;
--secondary: #8b5cf6;
--accent: #0ea5e9;
}Tailwind Config
// tailwind.config.js
module.exports = {
theme: {
extend: {
colors: {
'retro-80s': {
'background': '#020617', // bg-slate-950
'surface': '#0f172a', // bg-slate-900
'primary': '#ec4899', // text-pink-500
'secondary': '#8b5cf6', // text-violet-500
'accent': '#0ea5e9', // bg-sky-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 70s
A warm 70s retro palette with burnt orange and earthy browns. Evokes the groovy, laid-back vibe of the 1970s.
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