Amberorange
All collections
Orange shadcn/ui themes
Orange and amber themes are warm and friendly, with plenty of energy without the alarm of red. These themes are a strong fit for consumer apps, marketplaces, education and community products.
54 themes · 4 pass WCAG AA in both modes · popular fonts: System, Inter, Libre Baskerville
Amber Minimalorange
Ayuorange
Caffeineorange
Claudeorange
Gruvboxorange
Mocha Mousseorange
Orangeorange
Solar Duskorange
Tangerineorange
Vesperorange
Vintage Paperorange
Abubakri Faaruqorange
Amber Minimal 2orange
Amber Mono Linenorange
Amber Slateorange
Amber Terminalorange
Backloudorange
Bikrangeorange
Bronze Linenorange
Carharttorange
Claude Amberorange
Claude Code Zinc Amberorange
Clay Emberorange
CliniDS 2orange
CliniDS2orange
Copper Clayorange
Darkmatterorange
Darkmatter 2orange
Dinescoorange
Donatelaorange
Dotorange
Gleamorange
Graphite 4orange
Hermesorange
Honey Gloworange
Imported Themeorange
Kalinka Thailandorange
Maecallonorange
Maeccalonorange
Maeccalon 2orange
Orange Softorange
Orange Soft 2orange
Orange Vivid 2orange
OSVorange
Patagoniaorange
Quantum Satis Clinicorange
Red Softorange
Frequently asked questions
What makes a theme orange?
We group themes by the hue of their light-mode primary color, measured in OKLCH.
How do I install a orange 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.