Color collection
Retro 90s Color Palettes
Playful 90s palettes for creator tools, zines, social graphics, and expressive landing pages.
#3190D8Accent#D68B51Surface#EBEFF4Text#121A21Support#CE82ADRetro 90s 10Retro / Vivid / CuteQuality 98Primary#3161D8Accent#D6515FSurface#EBEDF4Text#121521Support#CE8298Retro 90s 13Retro / Vivid / CuteQuality 96Primary#9031D8Accent#AED651Surface#F1EBF4Text#1B1221Support#CEAD82Retro 90s 4Retro / Vivid / CuteQuality 95Primary#31D834Accent#51C9D6Surface#EBF4EDText#122114Support#8382CERetro 90s 5Retro / Vivid / CuteQuality 95Primary#31D863Accent#518BD6Surface#EBF4EFText#122118Support#9982CERetro 90s 11Retro / Vivid / CuteQuality 95Primary#3131D8Accent#D68251Surface#EDEBF4Text#131221Support#CE8282How to use these palettes
Start with the primary and surface colors, then test text contrast before exporting. These palettes are most useful for creator pages, zines, and expressive web experiments. Keep one clean neutral in the system so the playful colors still have room to breathe.
Every generated palette is sorted by a UI quality score that favors readable text, clear surface separation, and controlled saturation.
CSS Variables
:root {
--primary: #3190D8;
--accent: #D68B51;
--surface: #EBEFF4;
--text: #121A21;
--support: #CE82AD;
}FAQ
Where should I use retro 90s color palettes?
These palettes are designed for creator pages, zines, and expressive web experiments.
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?
Keep one clean neutral in the system so the playful colors still have room to breathe.