Color Palette Generator

Pick a base color and get a ready palette in one of four schemes. Change the number of colors and other settings with sliders, then click any swatch to copy its HEX code.

Color Palette Types

Each scheme builds the palette from your base color in its own way.

Analogous

Colors that sit next to each other on the color wheel. They blend smoothly and feel calm and cohesive. Set the step angle and use 5 to 14 colors.

Monochromatic

One hue with different saturation and brightness. Good for minimal interfaces and consistent UI states. From 3 to 12 colors.

Shades

One color from light to dark. Handy for backgrounds, borders, hover states and text levels. From 3 to 12 colors.

Material

A tonal scale in the style of Google’s Material Design, with Flat, Elevated and Tonal styles. From 3 to 10 colors.