lib
Get access
All themes

Paper

Editorial calm: warm paper, ink blue, a reading serif for headings and almost no shadow.

npx shadcn@latest add @lib/theme-paper
Customize this theme
Paper, 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#fbfaf6
foreground#1c1b18
Surfaces
card#fffefb
card-foreground#1c1b18
popover#fffefb
popover-foreground#1c1b18
muted#f2efe8
muted-foreground#6e6a61
Brand
primary#23408e
primary-foreground#fbfaf6
secondary#ece7dc
secondary-foreground#1c1b18
accent#efe9dc
accent-foreground#1c1b18
Lines
border#e4dfd4
input#e4dfd4
ring#23408e
Status
destructive#b42318
destructive-foreground#ffffff
info#23408e
info-foreground#ffffff
Charts
chart-1#23408e
chart-2#7c6f5b
chart-3#b7791f
chart-4#2f7d4f
chart-5#b4a88f
Sidebar
sidebar#f6f3ec
sidebar-foreground#1c1b18
sidebar-primary#23408e
sidebar-primary-foreground#fbfaf6
sidebar-accent#efe9dc
sidebar-accent-foreground#1c1b18
sidebar-border#e4dfd4
sidebar-ring#23408e
dark
Base
background#171613
foreground#eeeae0
Surfaces
card#1e1d19
card-foreground#eeeae0
popover#1e1d19
popover-foreground#eeeae0
muted#2a2823
muted-foreground#a39e92
Brand
primary#9db4ff
primary-foreground#171613
secondary#2b2924
secondary-foreground#eeeae0
accent#2d2b25
accent-foreground#eeeae0
Lines
border#ffffff14
input#ffffff14
ring#9db4ff
Status
destructive#f97066
destructive-foreground#ffffff
info#9db4ff
info-foreground#ffffff
Charts
chart-1#9db4ff
chart-2#c2b59b
chart-3#f0b84d
chart-4#6fcf97
chart-5#6e685c
Sidebar
sidebar#1a1916
sidebar-foreground#eeeae0
sidebar-primary#9db4ff
sidebar-primary-foreground#171613
sidebar-accent#2d2b25
sidebar-accent-foreground#eeeae0
sidebar-border#ffffff14
sidebar-ring#9db4ff

Typography

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

Shape and depth

Radius 0.25rem ยท spacing unit 0.26rem ยท icon weight 1.5

xs
md
xl
2xl