Free tool · Color
Color Palette Generator
Choose a base color to generate harmonies, a 50–950 shade scale, and contrast values. Click a swatch to copy it, or export CSS variables, Tailwind, SVG, or PNG. No signup required. Starting from a photo? You can also extract an image palette, or read the color territory: each color’s coverage, rare accents, and where those colors occur.
Palette generator
Export
Bring the palette into your project
/* Generando la paleta… */Accessibility
Contrast for each color
Contrast ratios for each main color against white and black text, with WCAG 2.1 levels for normal text: 4.5:1 meets AA; 7:1 meets AAA.
Turn color choices into usable design tokens
Choose a base color or load a reference image. Inspect extracted colors, shade steps, and the displayed contrast values before exporting. Rare accents and generated external accents are labeled separately: a generated suggestion is not a color found in the original photo. Contrast checks apply to the selected pair, not to every possible layout.
Are image files uploaded?
The image analysis runs in this browser. Keep a copy of the original image; export only the colors and formats you need.