Free tool
Color Palette Generator
Pick a seed color, choose a color harmony, and get a ready palette with hex codes, contrast scores, and tints. Lock the colors you love, then copy them straight into Canva, Figma, or your CSS.
Tints and shades
Click any swatch above to see its full scale. Click a step to copy it.
Contrast checker
Pick a text color and a background from your palette.
Big bold headline
Body text should stay easy to read at small sizes on every screen.
- AA normal text
- AA large text
- AAA normal text
- AAA large text
How it works
How do you make a palette?
Three steps, about ten seconds.
- 1
Pick a seed color
Start from your logo color, a photo you like, or tap Random seed for a surprise.
- 2
Choose a harmony
Analogous feels calm, complementary feels bold, and monochromatic keeps one hue in many tones.
- 3
Lock, check, and copy
Lock the colors you keep, check text contrast, and copy hex codes or CSS in one click.
Questions
Color palette FAQ
Is this color palette generator free?
Yes. There is no sign up, no limit, and no watermark on the PNG download. The palettes you make are yours to use in any project.
What does the contrast score mean?
It is the WCAG contrast ratio between text and its background. Aim for 4.5:1 or higher for body text and 3:1 for large headings so everyone can read your design.
How do I use the palette in Canva?
Copy the HEX list, open your design in Canva, click a color, choose the plus button, and paste each hex code. Canva Pro users can save them to a Brand Kit.
Can I share a palette with my team?
Yes. Click Copy share link. The link opens this page with the exact same colors and harmony.