Design utilities
Tools for the next idea.
Explore visual references, test design decisions, and export the tokens that survive.
01
Discover
Color Explorer
Find published websites through their dominant colors.
02
Color
Palette Builder
Build harmonious five-color systems from one starting color.
03
Accessibility
Contrast Checker
Check text and background pairs against WCAG thresholds.
04
Typography
Type Scale
Generate a consistent responsive hierarchy and CSS tokens.
05
Depth
Shadow Studio
Compose precise shadows and export production-ready CSS.
06
Color
Gradient Studio
Compose vivid three-stop gradients and export clean CSS.