Palette Generator
Build fast color schemes from a base color. Shareable via ?hex=.
How to choose a useful palette
Palette generation is most valuable when the colors are assigned to roles. A complementary color can become a call to action, analogous colors can support charts, and neutral colors can carry the interface around them.
Choose one base color that has a clear role, such as brand, product category, or primary action.
Review each generated scheme as a set of roles instead of treating every color as equally important.
Copy the palette list only after you know where each color will be used in the interface.
Check contrast before using palette colors for text, icons, or small badges.
FAQ
Which palette type should I start with?
Use analogous for calm related colors, complementary for strong accents, and triadic when you need more separation between categories.
Can a generated palette be used as-is?
It is a starting point. Real UI work still needs contrast checks, state colors, neutral surfaces, and brand judgment.
Why copy the full list?
Copying the list makes it easy to paste colors into documentation, design tools, or a token file before narrowing the final choices.
What if the palette feels too loud?
Use one vivid color as the primary accent and convert the others into softer tints or background-only supporting colors.