🎨
Color Setup
Brand / Primary Color
Background Color
Mood
Generated System
Configure colors and click Generate
0% WCAG
Generate a palette to check accessibility
WCAG 2.1 AA requires 4.5:1 for normal text, 3:1 for large text
AA Pass (≥4.5:1)
Large only (≥3:1)
Fail (<3:1)
AAA (≥7:1)
Generate a palette first to see accessibility checks
Normal
Protanopia
Deuteranopia
Tritanopia
dashboard.yourapp.com
📊 Dashboard
📋 Projects
👥 Team
📈 Analytics
⚙️ Settings
Good morning, Sarah 👋
$24,800
Revenue
1,284
Users
98.2%
Uptime
Weekly Activity
Explore
🔍
🏠
Home
🔍
Search
❤️
Saved
👤
Profile
yourproduct.com
✨ Now available
Ship faster with better tools
Everything you need to build, launch and grow.
Starter
$0
/month
✅ 5 projects
✅ Basic analytics
⭐ Pro
$29
/month
✅ Unlimited
✅ Advanced
✅ Support
Enterprise
Custom
/month
✅ Everything
✅ Dedicated CSM
out of 100
Generate palette first
📊
Score Breakdown
Generate a palette to see breakdown
Generate a palette to check typography
/* Generate a palette to see tokens */
// Generate a palette first
// Generate a palette first
// Generate a palette first