React Clean Slate Theme

What if your interface had nothing to prove? Clean Slate removes color completely—not as limitation but as liberation. The palette runs from pure white at oklch(1 0 0) through carefully stepped grays to deep charcoal, with zero hue influence. No accent color competing for attention, no decorative elements, just content and function. This is the theme for apps where focus is the feature: writing tools where words matter more than UI, productivity apps where distraction is the enemy, reading platforms optimized for long-form content, documentation that should feel like paper. It's aggressively simple in a world of visual noise. Dark mode inverts to light text on dark backgrounds with the same absence of color—equally focused, equally quiet.

React Clean Slate Theme preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/clean-slate.json

npx shadcn@latest add https://www.shadcn.io/r/clean-slate.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/clean-slate.json

bunx shadcn@latest add https://www.shadcn.io/r/clean-slate.json

Related Components

FAQ