🌳 Color Family Tree

Enter a color and branch out into its family, brightness variants and harmonies.

About the Color Family Tree

No color lives alone. Around any shade sits a family of close hues, a ladder of lighter and darker variants, and a set of mathematically related partners that the eye reads as harmonious. This tool takes one color and grows that whole structure, turning a single choice into a ready-made set of related, named colors.

The three branches

The family branch holds neighbouring hues — the same color shifted a little around the wheel. The variants branch is the brightness ladder: two steps darker, the original, two steps lighter, with adaptive steps so very dark or very light colors still produce distinct results. The harmony branch contains the classic relationships: the complementary opposite, the two triadic partners 120° away, and the two analogous neighbours at ±30°.

Why it is useful

Designers can start from a brand color and instantly see safe neighbours, tints and shades for states and depth, and contrasting accents. Because PIGMENTUM names every one of the 16.7 million RGB colors, each branch resolves to an exact named color page rather than a raw hex value.

Who it is for

UI and brand designers building palettes, illustrators exploring variations, and educators demonstrating color harmony.

← All tools Home