Generate complementary, analogous, triadic, and shade palettes
Complementary
Analogous (5 colors)
Triadic
Shades (100–900)
Free color palette generator. Pick a base color and instantly get complementary, analogous, triadic, and tint/shade palettes with hex, RGB, and HSL values.
Complementary colors sit opposite each other on the color wheel (180° apart). They create strong contrast and are great for call-to-action buttons.
Analogous colors are adjacent on the color wheel (within 30°). They create harmonious, pleasing palettes often seen in nature.
Triadic colors are evenly spaced 120° apart on the color wheel, creating vibrant, balanced palettes.
A shade palette shows the same hue at different lightness levels, from dark to light. Useful for building design system token scales.
Yes. Click any color swatch to copy its hex code to the clipboard.
Get all tools in your browser
Install the Chrome extension for one-click access to every tool — no tab switching needed.
Last updated: January 2025