Color Palette Generator
Generate harmonious limited color palettes from a base color.
Inputs
°
%
Results
Secondary Hue
330°
Tertiary Hue90°
Hue Step120°
Lightness Step10%
Total Colors8
How to Use This Calculator
- Enter the Base Hue in degrees (0° = red, 120° = green, 240° = blue) and the Saturation percentage.
- Select the Harmony Type: complementary, analogous, triadic, or split-complementary.
- Enter the Palette Size (number of colors) to generate.
- Review Secondary and Tertiary Hues and the Hue Step between colors.
- Use the Lightness Step to understand how the palette grades from light to dark for UI application.
How the result changes with Base Hue
| Base Hue | Secondary Hue |
|---|---|
| 36 | 156° |
| 126 | 246° |
| 233 | 353° |
| 323 | 83° |
What each input means
- Base Hue
- Starting hue in degrees (0 = red, 120 = green, 240 = blue).
- Saturation
- Color saturation percentage.
- Palette Size
- Total number of colors in the palette.
- Harmony (0=Comp, 1=Analog, 2=Triad, 3=Split)
- 0 = complementary, 1 = analogous, 2 = triadic, 3 = split-complementary.
How this is calculated
Worked example, using the default values
- Identify Input Parameters4 parametersBase Hue = 210, Saturation = 70, Palette Size = 8, Harmony (0=Comp, 1=Analog, 2=Triad, 3=Split) = 2 = 4 input(s) provided
- Calculate Secondary HueSecondary Hue330 = 330
- Calculate Tertiary HueTertiary Hue90 = 90
- Calculate Hue Step120 = 120
Related Calculators
The questions that sit next to this one — chosen by subject, including calculators filed under a different category.
Graphic Design
Contrast Ratio Calculator
Check WCAG 2.1 contrast ratio between foreground and background colors.
Graphic DesignColor Mode Converter
Convert RGB color values to CMYK and HSL representations.
Game DesignGame Monetization Calculator
Calculate ARPU, conversion rates, and LTV for free-to-play games.
Game DesignGame Economy Balance Calculator
Analyze currency faucets, sinks, and inflation for game economies.
Game DesignDPS Calculator
Calculate damage per second with attack speed and critical hits.
More in Creative, Media & Design.