Color Setup for Your Components

Pick from Tailwind palettes or add custom brand colors. DSy maps them to design tokens so you can use the same colors while customizing components. You'll always have system colors available too.

Use Colors from Tailwind palette

Save color palettes you like & you are ready to style your components!

Choose colors

Save Colors

Use colors in components!

💡 Example: Select "Blue" and "Green" → "Save Colors" → Go to any component → You'll see these colors in the settings panel to customize your component

Note:🔒 Locked colors are default system colors

Select All

Reset to Defaults

Slate

Gray

Zinc

Stone

Orange

Yellow

Lime

Emerald

Teal

Cyan

Sky

Indigo

Violet

Purple

Fuchsia

Pink

Rose

Neutral

Red

Amber

Green

Blue