Color Palette Generator
Generate complementary, analogous, triadic, tetradic, monochromatic and shade/tint palettes from any base color.
Loading Color Palette Generator… If nothing happens, please enable JavaScript.
Frequently asked questions
Is any color data sent to a server?
How are the palette relationships calculated mathematically?
What is the difference between complementary and split-complementary?
Which palette type should I use for a professional brand?
What is the 60-30-10 rule?
Are the generated colors accessible?
Can I export the palette as CSS custom properties?
What color format does the tool use for output?
How do I choose between shades and tints?
Can I generate a palette for color-blind users?
About Color Palette Generator
Color theory is the structured framework that explains which color combinations feel harmonious, energetic, calm, or professional — and why. At its core it works with the color wheel, a circular arrangement of hues where relationships between colors predict how they will interact visually. The color wheel was formalised by Johann Wolfgang von Goethe in his 1810 work "Theory of Colors" and later refined by Albert Munsell's three-dimensional color system. Modern digital design maps these relationships onto the HSL (Hue, Saturation, Lightness) color space, where hue rotation on a 360-degree circle directly mirrors the positions on a traditional color wheel.
Designers, UI engineers, brand teams, and marketers all need structured color palettes. A startup building a brand identity needs a primary color, a complementary accent, and a set of neutral tints that work together across a logo, website, app, and print materials. A front-end developer building a design system needs semantic color tokens — primary, secondary, success, warning, error — that derive consistently from a single brand color. An illustrator needs to know which hues will create visual tension and which will feel restful. The 60-30-10 rule — 60% dominant color, 30% secondary color, 10% accent — is the practical framework most interior designers and graphic designers apply to ensure a palette feels balanced rather than chaotic.
This tool computes eight palette types from a single base color, all derived mathematically in the HSL color space. Complementary pairs the base with the hue exactly 180 degrees opposite. Analogous uses the three hues within 30 degrees on each side. Triadic divides the wheel into three equal 120-degree segments. Tetradic (square) uses four hues at 90-degree intervals. Split-complementary softens the contrast of a complementary pair by using the two hues adjacent to the complement. Monochromatic shades and tints vary only lightness while keeping the same hue and saturation. Everything runs in your browser — no server, no upload, no account.
A critical practical note: mathematically harmonious colors are not automatically accessible. Contrast ratio between foreground text and background color must meet WCAG 2.1 guidelines — a minimum of 4.5:1 for normal text and 3:1 for large text. Two colors that look visually balanced can still fail contrast requirements, especially analogous pairs where hues are similar. Always run your chosen foreground/background combinations through a contrast checker before finalising a palette for production use. Also remember that approximately 8% of men and 0.5% of women have some form of color vision deficiency; simulate deuteranopia and protanopia views of your palette to check that key distinctions survive.
Isaac Newton's Prism to Pantone's Printing Empire: The Surprising History of Color Systems
The idea that colors form a wheel — a continuous circular spectrum rather than a linear scale — originates with Isaac Newton, who in 1666 bent a beam of sunlight through a prism and mapped the resulting spectrum into a circle in his 1704 "Opticks", connecting red and violet at the ends. Newton was the first to suggest that mixing colors at opposite ends of the spectrum produces a kind of visual neutrality. This wheel became the conceptual foundation of all subsequent color theory, even though scientists later discovered that human color perception is far more complex than a simple circular model suggests.
Johann Wolfgang von Goethe challenged Newton's purely physical approach in his 1810 "Theory of Colors", arguing that color perception is as much psychological as physical. While largely incorrect as physics, Goethe's observations about how colors evoke emotions — warm colors feeling active, cool colors passive — directly influenced the color psychology used in branding and marketing today. The Bauhaus school absorbed these ideas in the 1920s, with Johannes Itten and Josef Albers developing the color exercises still taught in design schools worldwide.
The modern commercial color system most designers interact with daily is Pantone, founded in 1963 when Lawrence Herbert bought a small printing company and solved a fundamental problem: two printers in different cities could not reliably match the same color from a description. Herbert created a standardised ink-mixing system with numbered swatches, and the Pantone Matching System became the global standard for brand color specification. The annual Pantone Color of the Year, launched in 2000, has become a cultural event that influences product design, fashion, and interior design worldwide — a remarkable reach for what began as a practical solution to a printing coordination problem.