Color Palette Generator

Pick a color and generate beautiful color palettes. Click any color to copy the HEX code. Everything runs locally in your browser.

colorize Choose a Base Color

RGB(99, 102, 241)

Palette Type

contrast WCAG Contrast Checker

Foreground:

Background:

Sample Text

This is how text looks on this background.

—

Color Palette Generator - Create Perfect Color Combinations

Our free color palette generator helps designers and developers create harmonious color combinations. Whether you are building a website, app, or graphic design, the right colors are essential for a professional result.

Color Picker with Multiple Palette Types

Complementary: Colors opposite each other on the color wheel for maximum contrast
Analogous: Adjacent colors for a harmonious, calm palette
Triadic: Three colors evenly spaced around the color wheel for vibrant combinations
Split-complementary: A variation on complementary using two colors adjacent to the complement

Hex to RGB and HSL Converter

Each color is displayed in HEX, RGB, and HSL format. Click any color value to copy it directly to your clipboard. Export the full palette as CSS variables for immediate use in your project.

WCAG Contrast Checker

Check whether your color combinations meet WCAG 2.1 accessibility guidelines. Test your foreground and background colors for AA and AAA levels at both normal and large text sizes.