About the Cool Teal template
Cool Teal strips away the visual noise with its high-contrast aqua background and deep teal call-to-action button that guides users with surgical precision. The palette—bright yet restful—works especially well for health tech, SaaS launches, and founder-led projects where clarity matters more than flourish. Built-in real-time analytics let you watch signups flood in as visitors respond to your clean, purposeful design.
What the demo shows
The live demo on this page launches Keelhouse, a made-up product we wrote to show the template with realistic copy: the headline reads “Hold space. We'll hold the calendar.” and the subhead says “Keelhouse handles bookings, reminders, and gentle session notes for mindfulness coaches, so admin never crowds out the actual work.” 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 Cool Teal, you replace Keelhouse with your own product name, headline, subhead and logo; the palette and motion come with it and every colour stays editable.
Design details
Cool Teal is a light template: a teal-tinted white background (#ecfeff), deep cyan type (#083344) and a dark cyan accent (#0e7490) on the join button, the countdown and the referral highlights. Body text sits at a 12.9:1 contrast ratio against the background, comfortably past the WCAG AAA threshold. Behind the copy the page animates with bubbles rising to the surface, kept quiet behind the copy; visitors who ask their device for reduced motion get a still frame instead. Structurally it uses the Minimal layout, shared with 137 other templates, but the palette, the motion and the demo copy are Cool Teal's own.
- Background
- #ecfeff
- Accent
- #0e7490
- Text
- #083344
How it compares
Within Essentials, Cool Teal stands out for its dark cyan accent on a teal-tinted white ground. If it is not quite right, Minimal flips to a dark deep blue canvas with an indigo accent and slow-morphing gradient blobs (“Clean, centered, focus-on-the-form”). Plain Paper is also light but leans on a brown accent and folding origami shapes (“Manila envelope, hand-stamped”). Dusty Rose is also light but leans on a pink accent and petals drifting down (“Muted pink, warm brown serif”). All of them share the same signup, referral and analytics features, so switching later only changes the look.
Launch with Cool Teal in three steps
- Click “Use this template” and create a free account; Cool Teal is preselected in the page wizard.
- Replace the Keelhouse 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.
