Emeraldteal
All collections
Teal shadcn/ui themes
Teal and cyan sit between blue and green: fresh, modern and a little more distinctive than either. These themes are a strong fit for health tech, analytics, travel and modern SaaS.
31 themes · 8 pass WCAG AA in both modes · popular fonts: System, Inter, Outfit
Perpetuityteal
Poimandresteal
Tealteal
Accessible Tealteal
Aqua Pastelteal
Azimuts 4Julyteal
Bamboo Tealteal
Calm Collectsteal
Crispteal
Crisp 2teal
Cyan Dawnteal
Emerald Vividteal
Emerald Vivid 2teal
Grupo Reisteal
Illos Blueprintteal
Imported Theme 3teal
Imported Theme 6teal
MVG#1teal
Sage Creamteal
SaudePetteal
SeaGreen Minimalteal
Tefa themeteal
Terminal Tealteal
Tiffany & Co.teal
Voyantateal
Frequently asked questions
What makes a theme teal?
We group themes by the hue of their light-mode primary color, measured in OKLCH.
How do I install a teal 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.