Loading page, please wait.
design tool
Generate an accessible color palette from any base color.
The output is a 5-step palette (light to dark) with contrast ratios for body text, large text and UI controls.
50
#e5edff
on white: 1.17:1
on black: 17.87:1
100
#b8ccff
on white: 1.60:1
on black: 13.14:1
200
#8bacff
on white: 2.23:1
on black: 9.42:1
300
#5d8bff
on white: 3.17:1
on black: 6.62:1
400
#306bff
on white: 4.50:1
on black: 4.66:1
500
#034aff
on white: 6.12:1
on black: 3.43:1
600
#003cd4
on white: 8.06:1
on black: 2.61:1
700
#002fa7
on white: 10.65:1
on black: 1.97:1
800
#00237a
on white: 13.86:1
on black: 1.51:1
900
#00164d
on white: 17.24:1
on black: 1.22:1
Body text: 4.5 to 1. Large text and UI controls: 3 to 1.
Step through every free tool the WebGrow24 team ships.
WebGrow24 services
Fixed quote in 48 hours. Senior team. Outcome-led.