Color Palette Generator
Create stunning color palettes with our advanced generator. Lock colors, adjust harmonies, and export in multiple formats.
Popular Palettes
Discover beautifully curated color combinations. Click any palette to load it into the generator.
Free Color Palette Generator
Create beautiful, harmonious color palettes for your design projects with our free online color palette generator. Whether you're designing a website, mobile app, or brand identity, our tool helps you discover the perfect color combinations using color theory principles like complementary, analogous, and triadic harmonies. With built-in WCAG contrast checking, color blindness simulation, and export options for CSS, Tailwind, SCSS, and more, you have everything you need to create accessible, professional color schemes. Browse our curated library of 50+ designer-approved palettes or generate unlimited custom combinations.
Key Features
Multiple Color Formats
View colors in HEX, RGB, HSL, HSB, CMYK, OKLCH, and LAB formats with one-click conversion.
Color Harmony Rules
Generate palettes using complementary, analogous, triadic, split-complementary, and other harmony rules.
WCAG Contrast Checker
Built-in accessibility checking ensures your color combinations meet WCAG 2.1 guidelines.
Color Blindness Simulation
Preview how your palette appears to users with different types of color vision deficiency.
Multi-Export Formats
Export to CSS variables, Tailwind config, SCSS, JSON, or download as image files.
Curated Palette Library
Browse 50+ professionally designed palettes for quick inspiration and instant use.
How to Create Color Palettes
- 1
Press the spacebar or click 'Generate' to create a random color palette using the selected harmony rule.
- 2
Click the lock icon on any color you want to keep, then regenerate to find colors that complement it.
- 3
Click on a color to edit it directly using the color picker or by entering a hex code.
- 4
Use the color format selector to view colors in HEX, RGB, HSL, or other formats.
- 5
Check accessibility by viewing the contrast ratios with white and black text.
- 6
Export your palette in your preferred format (CSS, Tailwind, SCSS, JSON) or save as an image.