About the Mood Ring template
Mood Ring shifts with temperature—indigo depths (#1e1b4b) that transform through cyan accents (#22d3ee) and lavender text (#e9d5ff), capturing the chromatic mood-shifting magic of thermochromic cabochons and color-changing mystique. Built for personality-quiz platforms, wellness apps, and Y2K-aesthetic communities, this palette invites introspection and self-discovery. Track which personality-focused messaging resonates with your audience through Qubed's real-time analytics.
What the demo shows
The live demo on this page launches Hueling, a made-up product we wrote to show the template with realistic copy: the headline reads “What color is today, really?” and the subhead says “Hueling is a mood journal that turns quick daily check-ins into a shifting color ring, so patterns show at a glance.” Below it you see the signup form, a demo launch countdown and the share-to-climb referral panel exactly as a visitor would. Try the form: in the demo nothing is stored. When you use Mood Ring, you replace Hueling with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Mood Ring is a dark template: a dark indigo background (#1e1b4b), pale violet type (#e9d5ff) and a vivid cyan accent (#22d3ee) on the join button, the countdown and the referral highlights. Body text sits at a 11.7:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with slow-morphing gradient blobs, front and centre; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Glass layout, shared with 82 other templates, but the palette, the motion and the demo copy are Mood Ring's own.
- Background
- #1e1b4b
- Accent
- #22d3ee
- Text
- #e9d5ff
How it compares
Within Y2K, Mood Ring stands out for its vivid cyan accent on a dark indigo ground. If it is not quite right, Scratch & Sniff flips to a light pale pink canvas with a red accent and little ribbon bows (“Strawberry sticker”). Barbie Pink flips to a light pale pink canvas with a vivid pink accent and scattered sparkles (“Dreamhouse pink, glitter”). Paris Hilton flips to a light pale pink canvas with a vivid pink accent and soft out-of-focus bokeh lights (“Heiress pink, sunglasses”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Mood Ring in three steps
- Click “Use this template” and create a free account; Mood Ring is preselected in the page wizard.
- Replace the Hueling demo copy with your product's headline and one-line pitch, pick a URL, and optionally set a launch date to show a real countdown.
- Publish and share the link. Every subscriber gets a personal referral link, and you watch signups and top referrers arrive in the dashboard.
