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
Information
This is an informational alert message.
Error
Something went wrong with your request.
Actions
Complete Form
Developer
Designer
Manager
Frequently Asked Questions
Find answers to some questions