lib
Get access
All themes

Bloom

Friendly and bright: rose and lilac, round corners, Outfit type and shadows tinted with the brand.

npx shadcn@latest add @lib/theme-bloom
Customize this theme
Bloom, on real components

Dashboard

Total revenue
$15,231.89
+20.1%
Subscriptions
+2,350
+180.1% from last month
Move goal
Set your daily activity goal.
350calories / day
Exercise minutes
Ahead of where you normally are.

Forms

Upgrade your subscription
You are on the free plan. Upgrade to get every feature.
Create an account
Enter your email below to create your account.
Or continue with

We'll never share it.

Notifications
Choose what reaches you.

Data

Payments
The last four charges.
CustomerStatusAmount
Ad
Ada Parkada@northwind.io
Paid$490.00
Om
Omar Haddadomar@quarry.dev
Paid$2,400.00
Pr
Priya Nairpriya@tessera.co
Failed$490.00
Sa
Sam Okaforsam@atelier.fr
Pending$1,800.00
Team
Invite your team to collaborate.
AdAda Park
OmOmar Haddad
PrPriya Nair

Palette

light
Base
background#fffafc
foreground#2a1025
Surfaces
card#ffffff
card-foreground#2a1025
popover#ffffff
popover-foreground#2a1025
muted#fbeff5
muted-foreground#8a5a7a
Brand
primary#e0457b
primary-foreground#ffffff
secondary#f3e8ff
secondary-foreground#6b21a8
accent#fde7f0
accent-foreground#2a1025
Lines
border#f3d9e6
input#f3d9e6
ring#e0457b
Status
destructive#dc2626
destructive-foreground#ffffff
info#7c3aed
info-foreground#ffffff
Charts
chart-1#e0457b
chart-2#a855f7
chart-3#f59e0b
chart-4#22c55e
chart-5#38bdf8
Sidebar
sidebar#fff4f8
sidebar-foreground#2a1025
sidebar-primary#e0457b
sidebar-primary-foreground#ffffff
sidebar-accent#fde7f0
sidebar-accent-foreground#2a1025
sidebar-border#f3d9e6
sidebar-ring#e0457b
dark
Base
background#1a0d17
foreground#fdeef6
Surfaces
card#24121f
card-foreground#fdeef6
popover#24121f
popover-foreground#fdeef6
muted#33192c
muted-foreground#c99bb9
Brand
primary#ff6fa2
primary-foreground#1a0d17
secondary#2e1a45
secondary-foreground#e9d5ff
accent#3a1a30
accent-foreground#fdeef6
Lines
border#ffffff17
input#ffffff17
ring#ff6fa2
Status
destructive#f87171
destructive-foreground#ffffff
info#a78bfa
info-foreground#ffffff
Charts
chart-1#ff6fa2
chart-2#c084fc
chart-3#fbbf24
chart-4#4ade80
chart-5#7dd3fc
Sidebar
sidebar#1e0f1a
sidebar-foreground#fdeef6
sidebar-primary#ff6fa2
sidebar-primary-foreground#1a0d17
sidebar-accent#3a1a30
sidebar-accent-foreground#fdeef6
sidebar-border#ffffff17
sidebar-ring#ff6fa2

Typography

Headings ยท OutfitKnow your numbers before anyone asks
Body ยท OutfitEvery block reads the same tokens, so a theme restyles the whole product at once.
Code ยท Geist Mononpx shadcn@latest add @lib/theme-bloom
Letter spacing 0em

Shape and depth

Radius 1.25rem ยท spacing unit 0.27rem ยท icon weight 2

xs
md
xl
2xl