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

#6D7A5F #8A9A5B #A8A29E #B39DDB #C9B8A8

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