Tints & Shades Generator

Generate light/dark variations.

Count each

Tints (toward white)

#8879f4

#9487f5

#a094f6

#aca1f7

#b8aff8

#c3bcfa

#cfcafb

#dbd7fc

#e7e4fd

#f3f2fe

Base

#7c6cf3

Shades (toward black)

#7162dd

#6558c7

#5a4fb1

#4f459b

#443b85

#38316e

#2d2758

#221d42

#17142c

#0b0a16

About this tool

From a single base colour, generate ten tints (toward white) and ten shades (toward black) for use in design systems, dashboards and themes.