Graphiteneutral
All collections
Neutral shadcn/ui themes
Neutral themes use grayscale or near-gray brand colors, letting content and typography do the work. These themes are a strong fit for documentation, editorial sites, internal tools and minimal portfolios.
126 themes · 2 pass WCAG AA in both modes · popular fonts: System, Geist, Inter
Mauveneutral
Mistneutral
Mononeutral
Neutralneutral
Oliveneutral
Stoneneutral
Taupeneutral
Vercelneutral
Zincneutral
0400AMneutral
8x8_darkneutral
Adidasneutral
Amaranth Red & Eerie Blackneutral
Amber Darkneutral
Anvilneutral
Avenuneutral
Avenu 2neutral
B&Wneutral
BELCHneutral
Bingleneutral
Blue Mynockneutral
Burberryneutral
Chalk Slateneutral
Claude Amber 2neutral
Codelyneutral
Concrete Rustneutral
Coral Noirneutral
Cyberpunk 2077 / Deus Exneutral
Cyberpunk 2077 / Deus Ex 2neutral
Cyberpunk 2077 / Deus Ex 3neutral
Dark CMYKneutral
Dark Codeneutral
Dark/Purpleneutral
DarkBlueThemeneutral
Darky Purpleneutral
Deep Purpleneutral
Dev+ Darkneutral
DevPilotneutral
Do You Even Dev, bro?neutral
ENECYG Mint 2neutral
Enhanced Materialneutral
Fallout -neutral
FamilyOS Peachneutral
Formalneutral
Google 4neutral
GOTHneutral
Frequently asked questions
What makes a theme neutral?
We group themes by the hue of their light-mode primary color, measured in OKLCH; neutral themes have a near-gray primary.
How do I install a neutral theme?
Open any theme and copy its shadcn CLI command (npx shadcn@latest add …), or copy the Tailwind v4 CSS into app/globals.css, replacing the :root and .dark blocks.
Are these themes free?
Yes. Every theme on shadcnthemes.com is free to use in personal and commercial projects.
Can I customize a theme?
Yes. Click “Open in editor” on any theme to change colors, fonts, radius and shadows, check contrast, and export the result.