Graphiteneutral
All collections
Monochrome & black-and-white shadcn/ui themes
Grayscale themes where primary, secondary and accent colors are all near-neutral. Ideal when you want a timeless, typographic look.
98 themes · 2 pass WCAG AA in both modes · popular fonts: System, Geist, Inter
Mauveneutral
Mistneutral
Mononeutral
Neutralneutral
Oliveneutral
Stoneneutral
Taupeneutral
Vercelneutral
Zincneutral
8x8_darkneutral
Adidasneutral
Amaranth Red & Eerie Blackneutral
Amber Darkneutral
Anvilneutral
Avenuneutral
Avenu 2neutral
B&Wneutral
BELCHneutral
Bingleneutral
Blue Mynockneutral
Chalk Slateneutral
Claude Amber 2neutral
Codelyneutral
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
Enhanced Materialneutral
Fallout -neutral
Formalneutral
GOTHneutral
Graphite 2neutral
Graphite 3neutral
Graphite Mononeutral
Graphite Mono Softneutral
Homlu UIneutral
Hundred Oceansneutral
Frequently asked questions
What counts as a monochrome theme?
Themes whose primary, secondary and accent colors all have very low chroma (under 0.03 in OKLCH).
How do I install a monochrome 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.