Shadcn.io is not affiliated with official shadcn/ui
React Midnight Bloom Theme
Elegant midnight blue dark theme with purple floral accents for React creative and lifestyle applications
Dark themes don't have to feel cold. Midnight Bloom pairs the depth of a moonless sky at oklch(0.15 0.03 270) with subtle purple floral accents that bring organic warmth to the darkness. It's romantic without being cheesy, sophisticated without being corporate. The purple tones reference flowers that bloom at night—jasmine, moonflowers, evening primrose—adding life to what could be sterile darkness. Use it for creative portfolios that need mystery, music and entertainment apps, lifestyle brands with evening aesthetics, photography galleries, or any Next.js project where dark mode should feel alive rather than just... dark. The contrast is gentle, the atmosphere is enveloping.
React Midnight Bloom Theme preview
Installation
Related Components
React Caffeine Theme
Coffee-inspired warm dark theme with espresso browns
React Cosmic Night Theme
Space-inspired deep purple dark theme with stellar accents
React Doom 64 Theme
Gothic dark theme inspired by classic 90s shooters
React Cyberpunk Theme
Neon-soaked futuristic dark theme with electric accents
React Dark Matter Theme
Ultra-dark minimal theme with OLED-black backgrounds
FAQ
Was this page helpful?
Sign in to leave feedback.