Retro Palette
Playful retro 80s color scheme
Color Swatches
#F38181rgb(243, 129, 129)
#FCE38Argb(252, 227, 138)
#EAFFD0rgb(234, 255, 208)
#95E1D3rgb(149, 225, 211)
#AA96DArgb(170, 150, 218)
CSS Variables
:root {
--palette-1: #F38181;
--palette-2: #FCE38A;
--palette-3: #EAFFD0;
--palette-4: #95E1D3;
--palette-5: #AA96DA;
}Tailwind Config
theme: {
extend: {
colors: {
palette: {
1: "#F38181",
2: "#FCE38A",
3: "#EAFFD0",
4: "#95E1D3",
5: "#AA96DA",
},
},
},
},Usage Suggestions
- • Use as primary/secondary/accent colors in UI components
- • Apply for backgrounds, borders, and text contrast
- • Export to design tools (Figma, Sketch) via hex values
- • Combine with our Color Contrast Checker for accessibility