Color Palette Generator
Generate beautiful, harmonious color palettes from any base color. Includes WCAG contrast ratios and CSS export.
Complementary Palette
Tints & Shades
Contrast Ratios (WCAG)
Showing contrast between palette colors and white/black text. AA requires ≥4.5:1, AAA requires ≥7:1.
CSS Custom Properties
Color Harmony Explained
Complementary: Colors opposite each other on the color wheel. High contrast and vibrant, good for making elements stand out.
Triadic: Three colors evenly spaced (120° apart). Vibrant and balanced, works well with one dominant and two accent colors.
Analogous: Colors adjacent on the wheel (±30°). Harmonious and natural-looking, great for backgrounds and serene designs.
Split-Complementary: The base color plus two colors adjacent to its complement. High contrast with less tension than complementary.
WCAG Contrast: Web Content Accessibility Guidelines require ≥4.5:1 contrast ratio for AA compliance and ≥7:1 for AAA on normal text.