Theme Palette Generator
Generate harmonious color palettes for UI design. Choose a base color and harmony type to get a full palette with tints, shades, and CSS variables.
Settings
Palette
💡 Color Harmony
Theory
- Complementary: opposite on color wheel.
- Analogous: adjacent colors.
- Triadic: 3 equidistant colors.
- Split-complementary: base + two adjacent to complement.
- Monochromatic: tints & shades of one hue.
🎯 Tips
Using Palettes
- Primary: main brand/action color (buttons, links)
- Secondary: supporting color (tags, highlights)
- Use tints for backgrounds, shades for text
- Test contrast ratios for accessibility (WCAG AA)
Frequently Asked Questions
What color harmony should I use?▾
Monochromatic is safest for clean designs. Complementary creates vibrant contrast. Analogous feels harmonious. Triadic is bold and balanced. Start with monochromatic if unsure.