Color Palette Generator
Press Space to generate · Drag to rearrange · Click to lock
primary
#294da3
secondary
#af4225
accent
#bae221
background
#131416
text
#f1f1f1
Live Preview
See how this palette looks on real UI components.
Build Something Beautiful
Create stunning web experiences with a perfectly balanced color palette.
Card Title
A sample card showing how your palette colors work together in a real UI component.
Button Styles
Primary → Secondary
Accent → Primary