Color Palette Generator

Generate harmonious limited color palettes from a base color.

Base Hue

Saturation

Palette Size

Harmony (0=Comp, 1=Analog, 2=Triad, 3=Split)

Tab to move between fields

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.

Ad Placeholder

Related Calculators

Convert RGB color values to CMYK and HSL representations.

Check WCAG 2.1 contrast ratio between foreground and background colors.

Calculate canvas size and scale factors for pixel art projects.

Ad Placeholder