Palettes For Your Project

Theme playground to help you ship faster. Accessible by default, beautiful by design.

You can click on a color to adjust

background

#fee7fd

foreground

#1b181b

primary

#c00cb7

primary-foreground

#ffffff

secondary

#c99cc7

secondary-foreground

#000000

accent

#c9bddb

accent-foreground

#282428

card

#f2d9f1

card-foreground

#282428

popover

#fee7fd

popover-foreground

#32012f

muted

#d7cde4

muted-foreground

#6b616b

destructive

#f50a0a

destructive-foreground

#e7e4e7

border

#b87ab5

input

#a659a2

ring

#c00cb7

success

#33cc33

success-foreground

#e0ebe0

warning

#ffbf00

warning-foreground

#664d00

info

#00aaff

info-foreground

#cceeff

chart-1

#d411cb

chart-2

#bba6d9

chart-3

#a80b8e

chart-4

#adb814

chart-5

#bd0fae

Theme Showcase

Buttons

Badges

Default
Secondary
Outline
Error

Controls

Typography

Heading

Regular text

Muted text

Small text

States

Success
Error
Info

Inputs

Progress

Loading66%

Button Sizes

Badge Variants

New
Beta
Draft
Error

Tabs

General information content

Mini Form

Alerts

Actions

Complete Form

Developer
Designer
Manager

Frequently Asked Questions

Find answers to some questions