Color Palette Builder

Harmonies, Complements & Shades

Build color palettes with complementary, triadic, tetradic, analogous, and split-complementary harmonies. Pick colors visually or enter hex values, generate shades and tints, preview text contrast, and export your palette for CSS. All palettes save to your browser's local storage automatically. A practical tool for designers, developers, and anyone who needs to create cohesive color schemes without leaving the browser.

◆ Input Colors
◈ Generated Palettes

Enter at least one color and click Generate to build palettes.

◉ Palette Analysis

Add colors to your custom palette to see analysis and color relationships.

Add colors to your custom palette to see analysis.
◇ Color Converter

Enter a HEX color to convert to other formats. Click any value to copy.

▣ Custom Palette

Click swatches to add. Drag to reorder.

Copy:
📁 Saved Palettes

Your saved palettes are stored locally in your browser.

Backup:
Current Palette:
Dev Export:
★ Premium Presets

One-click industry-curated palettes. Click any preset to load it into your custom palette with mockup roles pre-assigned.

🌈 Gradient Generator

Create smooth gradients between two colors. Click any step to add it to your palette.

→
90°
CSS Code (click to copy)

Related Tools

Subnet Calculator IPv4 CIDR and VLSM subnet calculator Domain Inspector WHOIS, DNS records, and IP geolocation HTTP Status Codes Complete reference of all 1xx-5xx response codes