01Overview
ColorDrop automates the color system work every Tailwind or shadcn/ui team ends up doing by hand, turning one hex code into a full, accessible palette with dark mode built in.
All work
WebLive
ColorDrop
A free, open-source color engine that generates complete, accessible design token systems from a single hex code.
02The Problem
Teams building on Tailwind or shadcn/ui spend hours hand-tuning color scales for every semantic role, and getting it wrong quietly costs accessibility points later.
03The Solution
A palette engine built on Radix Colors generates automatic dark mode variants with real-time live preview, checks WCAG AA compliance at generation time, and ships 24+ curated presets with exports to CSS variables, Tailwind config, and OKLCH, HSL, RGB, or HEX.
04The Outcome
Launched with no paywall and no signup required, ColorDrop found rapid adoption among developers pairing it with AI UI generators, and became a recurring recommendation in the shadcn and Tailwind communities.
Tech Stack
Next.jsTailwind CSSReactTypeScript
Start a Project
Get a result like this
Tell me what you want to ship. You get a free 30 minute call. I tell you if we are the right team.