shadcn UI theme generator

Easily create custom themes from a single colour that you can copy and paste into your apps.

Theme Settings

Base Color

Pick a color

Or enter a Hex value

Saturation70%

Lightness50%

Border Radius

Theme Mode

Live Preview

Total Revenue

Revenue from all sources

$15,231.89

+20.1% from last month

Password

Form Controls

Enable notifications

Email notifications

Volume

Toggle Buttons

Font Size

Alignment

Chart Colors

Multiple chart color variations

Chart 1

Chart 2

Chart 3

Chart 4

Chart 5

Sidebar Colors

Sidebar component variables