Generate an extensive 21-step tonal scale of lighter tints and darker shades from any base color. Essential for UI hover states, borders, and depth layering.
Base Seed Color
10 Lighter Tints (+White)
#EAE7F3rgb(234,231,243)
#DED9ECrgb(222,217,236)
#D0C8E4rgb(208,200,228)
#C4BBDDrgb(196,187,221)
#B5AAD5rgb(181,170,213)
#A99CCErgb(169,156,206)
#9B8BC6rgb(155,139,198)
#8F7DBFrgb(143,125,191)
#806CB7rgb(128,108,183)
#745EB0rgb(116,94,176)
10 Darker Shades (+Black)
#5E4A96rgb(94,74,150)
#544285rgb(84,66,133)
#4B3B78rgb(75,59,120)
#43346Argb(67,52,106)
#382C59rgb(56,44,89)
#2F254Brgb(47,37,75)
#241D3Argb(36,29,58)
#1C162Crgb(28,22,44)
#130F1Frgb(19,15,31)
#09070Ergb(9,7,14)
Sponsored Advertisement Space
Reserved for AdSense unit (tool) • Responsive & Non-intrusive