builderr.

Color Palette Generator

Color Palette Generator

Press Space to generate · Drag to rearrange · Click to lock

primary

#ae149e

secondary

#b7215c

accent

#d43f2e

background

#faf9fa

text

#211e20

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