Shadesigner

Overview

Shadesigner is a free palette generator and theme designer for shadcn/ui. It generates color palettes for shadcn projects and lets users load and edit an existing theme, and the site describes the generator as 100% WCAG compliant.

Themes are previewed against shadcn/ui's own example screens, so a palette can be checked on realistic layouts rather than isolated swatches. A palette showcase applies every shadcn/ui CSS variable (background, card, muted, accent, primary, secondary, destructive and more) to sample components.

Features

• Palette generation: Creates full color palettes for shadcn/ui projects
• Theme editing: Load an existing shadcn theme and adjust it
• WCAG focus: Palettes are generated with WCAG compliance in mind
• Variable showcase: A preview that exercises every shadcn/ui CSS variable on buttons, popovers, toggles and switches
• Example screens: Preview tabs for Cards, Authentication, Dashboard, Mail, Music and Playground layouts