Shadcn.io is not affiliated with official shadcn/ui
React Rose Theme
Elegant rose color scheme with refined warmth for React beauty, wellness and lifestyle applications
Rose is red's sophisticated sibling—all the warmth, none of the alarm bells. This React theme features a primary rose at oklch(0.645 0.246 16.439) that feels elegant and approachable, modern yet timeless. It's the pink that adults aren't embarrassed to use. The palette reads as premium without being cold, feminine without being exclusive. Use it for beauty and skincare apps where products need to feel luxurious, wellness platforms where calm meets energy, wedding and event planning tools, lifestyle brands targeting millennials and Gen Z, or any Next.js project that wants warmth with sophistication. Dark mode shifts to dusty rose tones that feel cozy rather than aggressive.
React Rose Theme preview
Installation
Related Components
React Blue Theme
Professional blue color scheme with trust-building aesthetics
React Green Theme
Nature-inspired green color scheme with growth aesthetics
React Red Theme
High-energy red color scheme with urgency-driven aesthetics
React Orange Theme
Warm orange color scheme with creative energy
React Yellow Theme
Optimistic yellow color scheme with attention-grabbing warmth
React Violet Theme
Creative violet color scheme with luxury aesthetics
FAQ
Was this page helpful?
Sign in to leave feedback.