Color Palette Creator

Build beautiful palettes using color harmony, then export for your project or share on social media. Everything runs in your browser.

Base Color

Harmony Mode

Contrast Checker

Text

Background

Large Text Aa Normal body text looks like this in your color combination.

Export & Share

How to Build a Color Palette

A well-crafted color palette is the foundation of any design project. Whether you're building a website, designing an app, or creating marketing materials, the right colors create visual harmony and communicate your brand's personality.

Color Harmony Rules

Analogous — Colors adjacent on the color wheel (within 60°). Creates a harmonious, unified feel. Great for nature themes and calm interfaces.
Complementary — Colors opposite on the wheel (180° apart). High contrast and vibrant. Perfect for calls to action and emphasis.
Triadic — Three colors equally spaced (120° apart). Balanced and colorful. Works well for playful, energetic designs.
Split-Complementary — Base color plus two colors adjacent to its complement. Strong contrast with less tension than pure complementary.
Tetradic — Four colors forming a rectangle on the wheel. Rich and diverse. Best when one color dominates and others accent.

Tints, Shades, and Tones

Once you have your base palette, variations add depth. Tints add white to lighten a color — useful for backgrounds and hover states. Shades add black to darken — ideal for text, borders, and depth. Together, they let a 5-color palette produce 40+ usable values.

Accessibility and Contrast

The Web Content Accessibility Guidelines (WCAG) define minimum contrast ratios to ensure text is readable for everyone, including people with low vision:

AA Normal Text — 4.5:1 minimum contrast ratio
AA Large Text — 3:1 minimum (18px bold or 24px regular)
AAA Normal Text — 7:1 minimum (enhanced)
AAA Large Text — 4.5:1 minimum (enhanced)

Use the contrast checker above to verify your color combinations meet these standards before shipping.

Sharing Your Palette

Download a share image optimized for Twitter/X (landscape) or Pinterest (portrait) to showcase your color choices. Save palettes as JSON files to reload and refine them later, or share them with teammates.