Wiz'rd
Colour Palette
Raw tier — the foundation colour values everything else references. Create named colour scales by picking a base colour to auto-generate a full 50-950 shade range. Click any swatch to manually override individual shades.
Name
ID
Base (500)
Used for:
PrimaryPrimary HoverPrimary ActiveFocus Ring
Shades
50
100
200
300
400
500
600
700
800
900
950
Name
ID
Base (500)
Used for:
Surface MutedTextMuted TextBorderStrong BorderDisabledOn Disabled
Shades
50
100
200
300
400
500
600
700
800
900
950
Name
ID
Base (500)
Used for:
DangerDanger SurfaceOn Danger Surface
Shades
50
100
200
300
400
500
600
700
800
900
950
Name
ID
Base (500)
Used for:
SuccessSuccess SurfaceOn Success Surface
Shades
50
100
200
300
400
500
600
700
800
900
950
Name
ID
Base (500)
Used for:
WarningWarning SurfaceOn Warning Surface
Shades
50
100
200
300
400
500
600
700
800
900
950
Name
ID
Base (500)
Used for:
InfoInfo SurfaceOn Info Surface
Shades
50
100
200
300
400
500
600
700
800
900
950