lib
Get access
All themes

Graphite

The library's own look: pure grays, a black accent, Bricolage headings and quiet shadows.

npx shadcn@latest add @lib/theme-graphite
Customize this theme
Graphite, 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#ffffff
foreground#0a0a0a
Surfaces
card#fcfcfc
card-foreground#0a0a0a
popover#ffffff
popover-foreground#0a0a0a
muted#f5f5f5
muted-foreground#737373
Brand
primary#171717
primary-foreground#fafafa
secondary#f5f5f5
secondary-foreground#171717
accent#f0f0f0
accent-foreground#171717
Lines
border#e5e5e5
input#e5e5e5
ring#171717
Status
destructive#dc2626
destructive-foreground#ffffff
info#2563eb
info-foreground#ffffff
Charts
chart-1#262626
chart-2#737373
chart-3#d97706
chart-4#16a34a
chart-5#a3a3a3
Sidebar
sidebar#fafafa
sidebar-foreground#0a0a0a
sidebar-primary#171717
sidebar-primary-foreground#fafafa
sidebar-accent#f0f0f0
sidebar-accent-foreground#171717
sidebar-border#e5e5e5
sidebar-ring#171717
dark
Base
background#0a0a0a
foreground#fafafa
Surfaces
card#141414
card-foreground#fafafa
popover#171717
popover-foreground#fafafa
muted#262626
muted-foreground#a3a3a3
Brand
primary#f5f5f5
primary-foreground#171717
secondary#262626
secondary-foreground#fafafa
accent#2a2a2a
accent-foreground#fafafa
Lines
border#ffffff17
input#ffffff24
ring#f5f5f5
Status
destructive#f87171
destructive-foreground#ffffff
info#3b82f6
info-foreground#ffffff
Charts
chart-1#e5e5e5
chart-2#737373
chart-3#fbbf24
chart-4#4ade80
chart-5#404040
Sidebar
sidebar#111111
sidebar-foreground#fafafa
sidebar-primary#f5f5f5
sidebar-primary-foreground#171717
sidebar-accent#2a2a2a
sidebar-accent-foreground#fafafa
sidebar-border#ffffff17
sidebar-ring#f5f5f5

Typography

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

Shape and depth

Radius 0.625rem ยท spacing unit 0.25rem ยท icon weight 2

xs
md
xl
2xl