React Amethyst Haze Theme

There's a quality to twilight that this theme captures—that moment when the sky is neither day nor night, when purple light seems to blur the edges of everything. Amethyst Haze builds an interface from that liminal space: soft purples at oklch(0.75 0.12 300) that feel like mist, deeper violets at oklch(0.45 0.15 290) that ground without weighing down, and ethereal lavender highlights. The aesthetic is deliberately hazy, slightly dreamy, as if viewed through crystal. Use it for wellness and spirituality apps where atmosphere is the product, music streaming platforms with atmospheric vibes, creative tools for digital artists, astrology and mystical content apps, premium beauty and fragrance brands, or any Next.js project that should feel like stepping through a veil. Dark mode deepens into amethyst caverns—beautiful darkness.

React Amethyst Haze Theme preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/amethyst-haze.json

npx shadcn@latest add https://www.shadcn.io/r/amethyst-haze.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/amethyst-haze.json

bunx shadcn@latest add https://www.shadcn.io/r/amethyst-haze.json

Related Components

FAQ