For developers· 21 themes

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
Button

Midnight SaaS

dark

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

Button

Aurora

dark

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

Button

Cyberpunk Neon

dark

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

Button

Deep Ocean

dark

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

Button

Porcelain

light

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

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.

Button

Retro Sunset

light

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

Button

Forest Floor

light

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

Button

Pastel Pop

light

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

Button

Strawberry Matcha

light

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

Button

Mono Slate

light

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

Button

Golden Hour

dark

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

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.

Button

Clay

light

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

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.

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.

Button

Emerald SaaS

dark

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

Button

Violet Night

dark

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

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.

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.

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.