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

#00FF00 #BBFFA5 #008300 #C639C6 #1ADD10

● 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.