Visual Preview Lab

See your palette doing real work — rendered as programmatic UI mockups. Every scene is pure CSS/SVG; no images, no AI. Change the palette and the scenes repaint instantly.

Palette

#00008B #B69CE3 #05015D #6C6C1F #361D97

● brand

HomeDocsPricingSign up

Design that ships

Your palette in a real marketing page — headline contrast, muted body copy, one primary action.

Get startedLearn more

Roles are assigned automatically: lightest = background, darkest = text, most saturated = primary. Adjust any role from the palette generator.