Press Space to generate · click a swatch to edit · lock to keepTap to edit · lock to keep
Display Previews
09:41● ● ●87%
Dashboard
Temp
22.4°C
Humidity
54%
Living Room● Online
⚠ Filter✕ Alarmⓘ Preview
Steps
8,420
Goal 10,000
♥⚡☀
⚠ Low HRⓘ Preview
Contrast Readability
WCAG: ≥4.5:1 body text, ≥3:1 large text.
Aa
Body text
#F5F7FA on #0F1115
17.61:1
AAA
Excellent — all text sizes
Aa
Text on surface
#F5F7FA on #1B1F27
15.38:1
AAA
Excellent — all text sizes
Aa
Muted text on background
#9AA4B2 on #0F1115
7.49:1
AAA
Excellent — all text sizes
Aa
Muted text on surface
#9AA4B2 on #1B1F27
6.55:1
AA
Good — body text readable
Aa
Primary button
#FFFFFF on #1E88E5
3.68:1
AA Large
Large text only (≥18px)
Aa
Secondary button
#0B1F1D on #26A69A
5.70:1
AA
Good — body text readable
Aa
Success status text
#22C55E on #1B1F27
7.25:1
AAA
Excellent — all text sizes
Aa
Success badge
#FFFFFF on #22C55E
2.28:1
Fail
Not readable — increase contrast
Aa
Warning badge
#000000 on #F59E0B
9.78:1
AAA
Excellent — all text sizes
Aa
Error badge
#FFFFFF on #EF4444
3.76:1
AA Large
Large text only (≥18px)