Color Palette Analyzer
Design gorgeous, accessible color palettes with our free, premium tool. Upload images to extract dominant schemes, craft mathematical harmonies, convert between multiple color spaces, and evaluate WCAG contrast ratios in real time entirely for free.
My Palettes
Image Extractor
Drag and drop an image below to extract its dominant color scheme, or click on the image directly with the Eyedropper mode to grab custom hex values.
Drop an image here or click to browse
Supports PNG, JPG, WebP, SVG
Color Space Inspector
Color Harmonies
Select an active palette color above to generate classic mathematical harmony schemes. Click any harmony card to append it to your active palette list.
WCAG Accessibility Matrix
Select a foreground text color and a background color from your current palette to test contrast ratios and compliance with WCAG 2.1 AAA & AA readability guidelines.
Demystifying Color Spaces & Contrast
What is OKLAB?
OKLAB is a modern color space designed to be perceptually uniform. Unlike HSL or RGB—where changes in hue can wildly alter the perceived brightness—transitions in OKLAB maintain smooth, uniform luminance, making it ideal for creating consistent, accessible design tokens.
WCAG Contrast Rules
The WCAG 2.1 compliance specifications recommend a contrast ratio of at least 4.5:1 for normal body text under the AA standard, and 7:1 for AAA compliance. Large headers (18pt+ or bold 14pt+) require at least 3:1 (AA) or 4.5:1 (AAA).
Color Harmonies
Color harmonies are mathematical relationships across the color wheel. Complementary picks colors opposite to each other (180° distance) for high energy. Analogous selects colors close in angle (30° difference) to yield calm, pleasing, and synchronous designs.