Pixel Harmony

Project / Site Name (Optional)

🖼

Get Image

Upload a file or paste a URL

Choose Image

📄

Import Palette

PDF brand guide or JSON palette

📄 PDF Guide { } JSON Palette

Your Palette (Adjust & Refine)

Edit colors to match your vision. Use for backgrounds, text, highlights, and interactive states.

👁

Complete extraction first

Go to Extract, upload an image, and accept the palette

✓

Palette created and ready for export. If you're happy with these colors, head to the Export tab for CSS, JSON, and your brand guide PDF.

Full Website Palette

Light and dark mode variants

Your Color Palette

Foundation colors for your website theme

Preview in Website Context

⬇

Complete extraction first

Export Format

Export Code

Next Steps

Brand Guide PDF

Download a complete PDF with swatches, WCAG scores, color values, and export code.

API Key

Required to analyze images and PDFs. Get a key →

Design Governance

Color Harmony Strictness

✓

Core Palette Confirmed

Want to generate a full theme with light/dark mode variants and shade scales? Or keep just these colors as-is.