Why We Built Palette Studio
Traditional color generators often fall into two traps: either they produce completely random, unharmonic color clashes, or they lock you into rigid 5-color constraints. ihatecolors Palette Studio was engineered as a professional, full-screen alternative to tools like Coolors.co.
It combines mathematical color theory (HSL lightness clamping, triadic, tetradic, and split-complementary harmonies) with real-world design testing capabilities.
Key Features of Palette Studio
🎨 Dynamic 2–10 Swatches
Add or remove columns dynamically without mathematical lightness overflow or pure white resets.
📱 Live UI Mockup Inspector
Preview swatches instantly on Landing Page, Blog, and Dashboard layouts and click 'Shuffle Roles'.
📸 HD PNG Exporter
Download 1200x630 high-definition palette cards with hex codes, color names, and clean typography.
♿ WCAG Contrast & Shades
Check AAA/AA WCAG accessibility ratios against white and dark backgrounds for every swatch.
Step-by-Step Guide: Creating Your Palette
- Press Spacebar to Generate: Open Palette Studio and press Space to randomize swatches according to your selected Mood (*Warm, Cool, Moody, Neon, etc.*).
- Lock Your Anchor Colors: Click the Padlock icon on any color column you want to preserve while randomizing the remaining swatches.
- Test Live UI Placement: Click Preview UI to open the Live UI Mockup Inspector. Click Shuffle Roles to rotate background, card, button, and accent roles live!
- Export in One Click: Download a high-res PNG image or copy CSS custom properties, Tailwind config objects, and AI prompts for Cursor or Claude.
Try Palette Studio Today
100% free, zero scroll, full viewport PC studio with live UI inspection and HD PNG downloads.
Open Palette Studio