Generador de paleta de colores

Color Palette Generator

5 colors
Tip: Lock colors you like, change strategy, and press Generate.
Role mapping: 0=Primary, 1=Secondary, 2=Accent, 3=Background, 4=Muted (rest = extras)

Live Preview

Build beautiful web UIs faster

This area shows how your palette works on headings, paragraphs and background surfaces.

Badge
Card title

Card body text to test contrast and readability with your palette.

Sample link
© 2025 YourBrand. All rights reserved.