The reasoning behind the schemes the Palette Generator builds, explained without the jargon.
Every color scheme on this site is built from the same idea: arrange colors in a circle by hue, and the relationship between colors depends on how far apart they sit on that circle. Colors near each other feel related; colors opposite each other feel like contrast. Every scheme below is just a different rule for picking points on that circle.
Analogous schemes use hues within about 20-40 degrees of each other on the color wheel — think blue, teal, and green. Because the hues are close, these palettes feel cohesive and calm almost automatically, which is why they show up constantly in backgrounds, illustration, and any UI that shouldn't compete for attention. The risk is low contrast between elements that need to be visually distinct, like a button against its background.
Complementary schemes pair a hue with the one directly opposite it, 180 degrees around the wheel — red and green, blue and orange, purple and yellow. This is the highest-contrast relationship the wheel offers, which makes it effective for a single accent that needs to stand out (a call-to-action button, a notification badge) but overwhelming if used across an entire interface.
A triadic scheme picks three hues 120 degrees apart, forming a triangle on the wheel. It keeps some of the vibrancy of complementary contrast while spreading it across three colors instead of two, which tends to read as playful or energetic rather than jarring. It works well for brands and products that want to feel lively without picking a single dominant color.
A shades scheme keeps the hue and saturation fixed and only changes lightness — the same color, lighter and darker. This is the least visually exciting option and also the most quietly useful one: it's exactly what's needed for hover states, borders, disabled states, and any UI that should look like a single consistent color system rather than a rainbow.
A reasonable default for most websites and apps is an analogous or shades-based palette for the bulk of the interface, with one complementary accent reserved for the single action you most want someone to take. Triadic schemes are worth reaching for when a brand's personality is meant to feel bold or playful rather than restrained — but in that case, it usually still helps to let one of the three hues dominate rather than giving all three equal visual weight.
The Palette Generator builds all four of these schemes from a single base color, so the fastest way to compare them for a specific project is to generate all four from the same starting hue and see which one matches the mood you're going for.