ColorDrop

Teams building on Tailwind or shadcn/ui spend hours hand-tuning color scales for every semantic role, primary, secondary, success, warning, and just as long getting dark mode variants and contrast ratios right. Most teams either buy an expensive design tool license or eyeball it, and eyeballed palettes tend to fail accessibility audits later.

ColorDrop exists because color systems are one of the most repeated pieces of throwaway work in frontend development. Every new project needs one, almost nobody enjoys building one, and getting it wrong quietly costs accessibility points later. We wanted a tool a developer could open, use once, and export from without ever creating an account.

The engine sits on top of Radix Colors, which already solves perceptual color scaling well. Feed it one base color and it derives a full semantic set, canvas, primary, secondary, success, warning, and more, with a matching dark mode variant tuned automatically rather than simply inverted. The live preview reflects every adjustment instantly across real buttons, cards, and form components.

Contrast is checked at generation time, not left as an afterthought. Every text and surface pairing the engine produces targets WCAG AA compliance out of the box, so a team is not choosing between a palette they like and a palette that passes an audit. That tradeoff is exactly what most hand-built systems get wrong.

Twenty-four presets, inspired by themes developers already recognize like Supabase and Catppuccin, give teams a starting point that still looks intentional rather than generated. A preset can be used as-is or as a base to tweak, which turns ColorDrop from a generator into more of a theme library.

The finished palette exports in whatever format the project already uses: CSS custom properties, Tailwind v3 or v4 config, or raw OKLCH, HSL, RGB, and HEX values for teams wiring color into a design tool or a component library by hand. No format lock-in, no proprietary file type.

ColorDrop launched with zero paywall and zero signup friction, which is unusual for a tool this capable. It has become a go-to companion for developers using AI-assisted UI generation, where a fast, accessible palette is often the missing piece between a rough layout and something that looks shipped.

ColorDrop shipped as a completely free, no-signup tool, and it found its audience fast among developers pairing it with AI UI generators like v0. Because there is no account wall, adoption tracks directly with word of mouth, and it has become a recurring recommendation in shadcn and Tailwind communities.

Every Devyst engagement follows a structured process: discovery, architecture, build, and handoff. This project was no different. We aligned on scope, reviewed existing systems, delivered iteratively, and handed off with documentation and runbooks.