Small tools for designers and developers.
Generate perceptually uniform color palettes in OKLCH. Primitive & semantic tokens, shadows, dark mode — ready for shadcn/ui.
Build fluid typographic scales with clamp(), golden ratio or custom ratios, and live Fontshare font preview.
Shadows, borders, radii, glass effects, and focus rings — export as CSS custom properties.
Find icon sets that match your brand personality — get sizing tokens and export recommendations.
Combine colors and typography into one design system. Start with Colors, then Type — get a single, unified export.