Shade Generator
Generate a nine-step ramp of tints and shades around a base color — perfect for building a UI palette from a single brand hue. Lighter steps mix toward white, darker steps toward black.
Try it now
Worked example
Shades: #DBF8E6 #B7F2CC #92EBB3 #6EE599 #4ADE80 #3BB266 #2C854D #1E5933 #0F2C1A
Learn the method
Inputs
- Base color
#4ade80
Frequently asked
How many shades do I get?
Nine hex codes, from an 80% tint down through the base to an 80% shade.
How are they mixed?
Tints interpolate each channel toward 255; shades scale each channel toward 0.