Live Demo • Source Code

Colorchef is a modular, all-in-one color and UI utility tool designed for indie developers, designers, and solopreneurs. It simplifies decision-making around color, shadows, layout, and components, helping you move faster without sacrificing visual quality.

🎨 Generate and tweak color palettes with ease

🪞 Build custom box shadows visually

🌒 Convert palettes to dark themes instantly

🔘 Checkout styled buttons with instant previews

📐 Generate golden-ratio palettes from images

⚡ Lightweight and responsive interface

📋 One-click copy for code snippets (CSS, HEX)

Generate beautiful and balanced color palettes using:

Random or contrast-based generation

Format: HEX

One-click copy for dev use

Create aesthetic box shadows using:

Customizable offset, blur, spread, opacity

Real-time preview on card-style elements

Exportable CSS code snippet

Generate accessible dark color palettes from light ones:

Auto contrast-adjusted variants

Maintain visual harmony across themes

Great for theme toggles or dark UI modes

Design clean, customizable buttons:

Real-time preview of normal, hover and disabled states

Curated styles

Export plain CSS

Use golden ratio to:

Generate beautiful palettes

Use random palettes

Use your images to generate custom palette from that

Tech Purpose Next.js Framework with routing and performance benefits Firebase For storing palettes and user auth TailwindCSS Utility-first styling with responsiveness