Bubblegumpink
All collections
Pink shadcn/ui themes
Pink, rose and magenta themes feel expressive and modern, from soft pastels to neon. These themes are a strong fit for lifestyle, beauty, social and creator products.
25 themes · 3 pass WCAG AA in both modes · popular fonts: System, Outfit, Poppins
Candylandpink
Cyberpunkpink
Horizonpink
Pinkpink
Quantum Rosepink
Retro Arcadepink
Synthwave '84pink
T3 Chatpink
Airbnbpink
Barbiepink
Coral Teal 2pink
Higher AFpink
Lululemonpink
MyPoz Salonpink
Neon Magentapink
Neon Magenta 2pink
Neon Redpink
Pink Softpink
Pink-heartpink
Rose Quartzpink
Rose Vivid 2pink
Tangerine 2pink
Tetokpink
Frequently asked questions
What makes a theme pink?
We group themes by the hue of their light-mode primary color, measured in OKLCH.
How do I install a pink 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.