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

#90EE90 #D2FCCF #39793C #D9A5D9 #7ECE7E

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