Instructions
How to use
1. Pick a base color
Choose your main brand color using the picker, or click Random Palette for instant inspiration.
2. Choose a harmony
Monochromatic for minimal designs, complementary for contrast, or analogous for smooth UI themes.
3. Export and use
Copy as CSS variables, HEX list or Tailwind config — paste directly into your stylesheet or project.