Drafting cool, technical interfaces
This preset locks the hue and steps through a single blue axis, delivering the crisp, structured feel of a cyanotype or architectural schematic. It is configured to build monochromatic palettes, ensuring every shade belongs to the exact same family—ideal for SaaS applications, engineering dashboards, or technical documentation where clarity is more important than contrast.
Tap your spacebar to step through random blue bases. If you want subtle adjustments rather than a completely new base, refining the current set gently shifts the lightness and saturation while keeping the overarching technical vibe intact.
Locking the core brand hue
When you land on the exact slate or cyan you want for your primary buttons, click the padlock icon on that swatch. Subsequent rolls will anchor around that fixed point, building the surrounding background tints and text shades to match your core selection.
Taking the scheme to production
You don’t need to manually transcribe values. Click any individual swatch to grab its exact hex code, or use the export menu to copy the entire drafted scale as a CSS variable block, raw hex list, or JSON array.