For developers· 21 themes as of 26 Sept 2026

shadcn themes, one command away.

Every CSS Crème palette is published as a real shadcn/ui theme: light and dark modes, OKLCH tokens, and contrast we actually check. Install it into your project with one command, or copy the CSS variables. No account, no credits, no paywall.

npx shadcn@latest add https://csscreme.com/r/deep-ocean.json

Help your AI make better designs for you. Every theme is also a DESIGN.md — measured contrast, real tokens, and rules the agent has to follow. Fetch any of them at /d/<theme>.md, or extract one from any site.

light
Aa Body text Button
dark
Aa Body text Button

Midnight SaaS

dark

A deep navy product palette with an electric blue primary — the default look of modern dashboards and developer tools.

light
Aa Body text Button
dark
Aa Body text Button

Aurora

dark

Cool teal and violet over near-black, made for gradient hero sections and glassmorphism.

light
Aa Body text Button
dark
Aa Body text Button

Cyberpunk Neon

dark

Hot magenta and cyan on ink for high-energy, after-dark interfaces with maximum contrast.

light
Aa Body text Button
dark
Aa Body text Button

Deep Ocean

dark

A restrained, professional blue palette — trustworthy without the corporate stiffness.

light
Aa Body text Button
dark
Aa Body text Button

Porcelain

light

A clean, near-white system with a single confident indigo accent — minimalism that still has a voice.

light
Aa Body text Button
dark
Aa Body text Button

Crème

light

The CSS Crème house palette: near-white surfaces, near-black type, a deep indigo primary and a sparing CSSCreme-orange accent. Clean and technical.

light
Aa Body text Button
dark
Aa Body text Button

Retro Sunset

light

Seventies-inspired amber, rust and cream — nostalgic warmth for brands with personality.

light
Aa Body text Button
dark
Aa Body text Button

Forest Floor

light

Mossy greens and bark browns over a paper base — organic, grounded, and easy on the eyes.

light
Aa Body text Button
dark
Aa Body text Button

Pastel Pop

light

Soft lilac, mint and peach for friendly, approachable products — playful without being childish.

light
Aa Body text Button
dark
Aa Body text Button

Strawberry Matcha

light

A sweet pink-and-green pairing that reads fresh and modern — great for lifestyle and food brands.

light
Aa Body text Button
dark
Aa Body text Button

Mono Slate

light

A grayscale system with one cool-blue accent — the safest choice for content-heavy, no-nonsense interfaces.

light
Aa Body text Button
dark
Aa Body text Button

Golden Hour

dark

Warm gold and coral glowing over charcoal — premium, cinematic, and built for big imagery.

light
Aa Body text Button
dark
Aa Body text Button

Neo Brutalist

light

Pure white, hard black type and a jolt of electric yellow with zero corner radius — the loud, unapologetic brutalist look, built for maximum contrast.

light
Aa Body text Button
dark
Aa Body text Button

Clay

light

Soft lavender surfaces, a gentle violet primary and generous rounding — the puffy, claymorphic look that reads friendly and tactile.

light
Aa Body text Button
dark
Aa Body text Button

Amber Minimal

light

A restrained near-white system warmed by a single amber primary — minimalism with a hint of heat, made for content and docs.

light
Aa Body text Button
dark
Aa Body text Button

Graphite

light

Pure black on pure white with graphite greys and no accent hue — the stark, developer-tool monochrome that never goes out of style.

light
Aa Body text Button
dark
Aa Body text Button

Emerald SaaS

dark

Deep forest-black surfaces under a bright emerald primary — the confident, modern look of open-source dashboards and data tools.

light
Aa Body text Button
dark
Aa Body text Button

Violet Night

dark

A cosmic purple-to-pink pairing over deep space black — dramatic and premium, built for launch pages and hero moments.

light
Aa Body text Button
dark
Aa Body text Button

Nordic

light

Cool arctic greys and a muted frost-blue primary — a calm, low-contrast Scandinavian palette that is easy to live in all day.

light
Aa Body text Button
dark
Aa Body text Button

Bubblegum

light

Bright bubblegum pink and grape purple on a blush base — high-energy and fun, for consumer apps that want to feel joyful.

light
Aa Body text Button
dark
Aa Body text Button

Azure

light

Crisp white with a bright sky-blue primary and an indigo accent — the clean, trustworthy default of modern SaaS marketing sites.

Why these and not the other ten thousand

Contrast we check

Every theme is tested in both modes: text on background, text on card, and label on button all clear WCAG minimums. A theme that looks good and fails contrast is a bug.

Light and dark, honestly

Brand colors never shift between modes — only the neutrals move, keeping their hue. The dark theme and the light theme are recognisably the same design.

OKLCH tokens

Perceptually uniform, Tailwind v4 native, and ready for contrast work without a conversion step.

Backed by a breakdown

These palettes come out of studying real, award-winning interfaces in our showcase and breakdowns — not a random-color button.