Shadcn.io is not affiliated with official shadcn/ui
React Tangerine Theme
Fresh citrus orange theme with zesty energy for React food and beverage applications
The color of fresh-squeezed juice at a farmers market. Tangerine delivers concentrated citrus energy—bright orange at oklch(0.75 0.18 55) that feels both appetizing and invigorating, softer peach tones at oklch(0.85 0.10 60) that add freshness without overwhelming, and clean cream backgrounds that let the orange sing. Unlike warmer sunset oranges, tangerine has that slightly acidic, wake-you-up quality of actual citrus. It's energizing without being aggressive. Use it for juice bars and smoothie brands, fresh food delivery apps, health and wellness platforms with energy focus, morning routine and productivity apps, citrus and produce companies, or any Next.js project that should feel like a vitamin C boost. Dark mode maintains the citrus punch against charcoal—late night fresh vibes.
React Tangerine Theme preview
Installation
Related Components
React Mocha Mousse Theme
Delicious chocolate brown theme with creamy vanilla accents
React Solar Dusk Theme
Warm sunset gradient theme with golden hour oranges and dusky pinks
React Sunset Horizon Theme
Dramatic gradient theme transitioning from orange through pink to purple
React Summer Theme
Warm sunny theme with golden yellows and bright oranges
FAQ
Was this page helpful?
Sign in to leave feedback.