Color Generator
Pick a hue to generate a full semantic palette with contrast checks
Core
Validation
Handling
Hubs
Hue
254°
50
100
200
300
400
500
600
700
800
900
950
Contrast Ratios
on White
8.06:1
AA
on Dark
2.20:1
Fail
Token Values
50
#f6f5fa
400
#7459cf
500
#5331c4
800
#312163
950
#18122b
Usage Preview
Primary Action
Secondary
Status Badge
Text link