Theme playground
Give it a color. Watch a real login page — and its whole palette — recolor. This is the same generator that themes every auth.is issuer.
Presets
Radius
Advanced — per-token overrides
Override a single generated stop. Overrides bypass the contrast guarantees; the report below re-checks any it can.
Primaryauto
Backgroundauto
Accent surfaceauto
Light
Sign in
Enter your email and password to continue
Forgot password?
Don't have an account? Create account
Powered byauth.is
Dark
Sign in
Enter your email and password to continue
Forgot password?
Don't have an account? Create account
Powered byauth.is
Login gradient
light
dark
Generated scales
Accent · light
1
2
3
4
5
6
7
8
9
10
11
12
Accent · dark
1
2
3
4
5
6
7
8
9
10
11
12
Gray · light
1
2
3
4
5
6
7
8
9
10
11
12
Gray · dark
1
2
3
4
5
6
7
8
9
10
11
12
Contrast (WCAG AA · 4.5:1)
Light
Accent text on subtle bg5.55:1✓ AA
Gray text on subtle bg5.58:1✓ AA
White on solid accent5.28:1✓ AA
Dark
Accent text on subtle bg8.39:1✓ AA
Gray text on subtle bg8.49:1✓ AA
White on solid accent4.64:1✓ AA
Theme hash: dafdd254084f2078