Create beautiful, harmonious color palettes using color theory. Perfect for designers, developers, and brand creators.
✨ Key Features
🎨 Color Harmony
Generate harmonious color schemes using proven color theory principles
♿ Accessibility Check
Built-in contrast ratio analysis for WCAG compliance and readability
📁 Export Formats
Export to CSS, SCSS, JSON, or Adobe Swatch Exchange formats
🎯Choose Palette Type
🎨 Color Theory Guide
🌈 Palette Types Explained
Uses variations of a single hue. Creates a cohesive, calming effect. Perfect for minimalist designs.
Uses colors next to each other on the color wheel. Creates harmony and is pleasing to the eye.
Uses colors opposite on the color wheel. Creates high contrast and vibrant designs.
Uses three evenly spaced colors. Offers strong visual contrast while maintaining harmony.
♿ Accessibility Guidelines
Minimum contrast ratio of 4.5:1 for normal text, 3:1 for large text.
Enhanced contrast ratio of 7:1 for normal text, 4.5:1 for large text.
- • Test colors with actual content
- • Consider colorblind users (8% of men)
- • Use tools to verify contrast ratios
- • Don't rely on color alone for information
🎨 Design Tips
- • Use 60-30-10 rule: 60% dominant, 30% secondary, 10% accent
- • Start with grayscale, then add color
- • Consider cultural color meanings
- • Test on different devices and lighting
- • Keep brand consistency in mind