Color Palette Generator
Generate harmonious color palettes with accessibility testing and colorblind simulation
Generate Palette
Color Palette
Contrast Checker
WCAG Compliance Levels:
- AAA:7:1 ratio (Enhanced)
- AA:4.5:1 ratio (Standard)
- AA Large:3:1 ratio (Large text)
Colorblind Simulation
Dark Mode Palette
Preview
Auto-generated dark mode version of your palette with adjusted lightness and saturation for better dark UI readability.
Live Preview
Card Title
Sample card content with color #1
Card Title
Sample card content with color #2
Card Title
Sample card content with color #3
How to Use
- • Choose a generation method and click Generate to create a harmonious palette
- • Lock colors to keep them while regenerating others
- • Click any color value to copy it to your clipboard
- • Use the color picker to manually adjust any color
- • View shade variations to find the perfect tint or tone
- • Check the contrast matrix to ensure accessibility compliance
- • Test colorblind simulations to verify your palette works for everyone
- • Export your palette in various code formats or as an image
- • Share your palette via URL to collaborate with others
Color Theory
Generate palettes using proven color harmony algorithms
Accessibility Testing
WCAG contrast checker and colorblind simulations
Multiple Formats
Export as CSS, SCSS, Tailwind, JSON, or image