🎨 Color Palette Generator

Generate, explore, and export beautiful color palettes. Extract from images, build harmonies, and check accessibility.

Press Space to generate new palette
Saved Palettes
📷
Click to upload or drag & drop an image
Uploaded image preview
Base Color
Harmony Type
WCAG Contrast Checker

Checks all color pairs in your current palette against WCAG accessibility guidelines.

Export Format
CSS Variables

Free Online Color Palette Generator

ToolBox's Color Palette Generator helps designers, developers, and creatives build stunning color schemes in seconds. Generate random palettes, create color harmonies based on color theory (complementary, analogous, triadic, tetradic, split-complementary, and monochromatic), or extract dominant colors directly from any uploaded image — all entirely in your browser with zero uploads to any server.

Color Harmony & Accessibility

Explore every major color harmony type with our interactive harmony builder. Pick any base color and instantly see complementary, analogous, triadic, split-complementary, tetradic, and monochromatic palettes. Our built-in WCAG contrast checker automatically evaluates all pairs of colors in your palette, showing you exact contrast ratios and pass/fail status for AA and AAA standards at both normal and large text sizes — essential for accessible web design.

Export Anywhere

Once you've crafted your perfect palette, export it as CSS custom properties, SCSS variables, Tailwind CSS config, JSON, or SVG. Download high-resolution PNG swatches for presentations and mood boards, or copy shareable URLs to send palettes to teammates. Lock individual colors and regenerate the rest, save favorites locally, and use keyboard shortcuts for rapid exploration. No accounts, no sign-ups, no ads — just fast, free color tools.

Copied!