Cobalt2yellow
All collections
Yellow shadcn/ui themes
Yellow and lime themes are optimistic and loud. They usually need dark text on primary buttons to stay readable. These themes are a strong fit for playful brands, creative studios and attention-grabbing landing pages.
24 themes · 8 pass WCAG AA in both modes · popular fonts: System, Inter, Poppins
Yellowyellow
Accessible Goldyellow
Advent of Codeyellow
Amber Dark2yellow
Amber Vivid_1yellow
Ark Omnitek Phosphoryellow
Baroworksyellow
Emerald Softyellow
Formal 2yellow
Golden Linenyellow
Honey Glow Goldyellow
KongQuestyellow
McDonaldsyellow
Modern Moneyyellow
North Faceyellow
Off-Whiteyellow
OpenProfileyellow
Pop Art Paperyellow
Rose Vividyellow
Rose Vivid 3yellow
Sage Gardenyellow
Twitter 2yellow
Frequently asked questions
What makes a theme yellow?
We group themes by the hue of their light-mode primary color, measured in OKLCH.
How do I install a yellow 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.