Amberorange
All collections
High-contrast shadcn/ui themes
Near-black text on near-white backgrounds (and the reverse in dark mode) for maximum legibility and a sharp, graphic feel.
214 themes · 12 pass WCAG AA in both modes · popular fonts: System, Inter, Geist
Blueblue
Cyanblue
Emeraldteal
Fuchsiapurple
Greengreen
Indigopurple
Limegreen
Mauveneutral
Mistneutral
Mononeutral
Neutralneutral
Oliveneutral
Orangeorange
Pinkpink
Purplepurple
Redred
Rosered
Skyblue
Stoneneutral
Taupeneutral
Tealteal
Twitterblue
Vercelneutral
Vesperorange
Violetpurple
Yellowyellow
Zincneutral
Accessible Goldyellow
Accessible Tealteal
Accessible Violetpurple
Adidasneutral
Amaranth Red & Eerie Blackneutral
Amber Darkneutral
Amber Dark 2green
Amber Dark2yellow
Appleblue
Asdasdblue
Avenuneutral
Avenu 2neutral
AZE clientpurple
Azure Monoblue
B&Wneutral
Balenciagagreen
Baroworksyellow
Basic blueblue
Frequently asked questions
What counts as a high contrast theme?
Themes whose body text reaches a contrast ratio of 17:1 or more against the background in both light and dark mode.
How do I install a high contrast 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.