Color Palette Generator
Generate color scales, harmonies, and check contrast ratios for accessibility.
Base Color
Tap any swatch to make it the base color. Use (or right-click / long-press) to copy. Arrow keys step back and forward; the URL updates so you can share the color.
Color Scale
Color Harmonies
Complementary
Analogous
Triadic
Contrast Checker
Following palette: text on shade 800
The quick brown fox jumps over the lazy dog
Large Text Sample
UI Preview
Dashboard
This is a sample UI card using your color palette.
Active
1,234
Total
5,678
Copied to clipboard!