TONAL EXPANSION
Shades & Tints Generator
Generate comprehensive tints (added white), shades (added black), tones (added gray), and numerical design scales from any base color.
Base Color
50–950 Numerical Design Scale
50#E3F6FF
100#D6E9FF
200#A9D2FF
300#69B1FF
400#4A91FF
500#3B82F6
600#0E58C8
700#003BAA
800#001B8C
900#000D56
950#00032B
10 Tints (+White)
Tint 1#5090F7
Tint 2#5E99F7
Tint 3#72A5F8
Tint 4#85B2F9
Tint 5#94BBFA
Tint 6#A7C7FB
Tint 7#B6D1FC
Tint 8#C9DDFC
Tint 9#DDE9FD
Tint 10#ECF3FE
10 Shades (+Black)
Shade 1#2474F5
Shade 2#0B62EF
Shade 3#0A58D6
Shade 4#094CB9
Shade 5#0842A1
Shade 6#063684
Shade 7#052C6B
Shade 8#04204E
Shade 9#031636
Shade 10#010A18
10 Tones (+Gray)
Tone 1#4485EE
Tone 2#4E87E4
Tone 3#5689DC
Tone 4#5E8BD4
Tone 5#668DCC
Tone 6#6F8FC3
Tone 7#7791BB
Tone 8#8093B3
Tone 9#8895AA
Tone 10#9197A1