Tempered Lagoon color palette — #B4EFD5 · #44B4B3 · #00728D · #004471 · #1C1489

Indigo and Turquoise set the tone — five colors that lean into trust and stability.

The five colors

• Mint (#B4EFD5): A whisper-light, dusty teal — the color of sea glass.
• Turquoise (#44B4B3): A luminous, balanced teal — the color of sea glass.
• Teal (#00728D): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#004471): A deep, shadowed, balanced blue — the color of open sky before noon.
• Indigo (#1C1489): A deep, shadowed, vivid violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.

Use it as a design system

One click turns Tempered Lagoon into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.

Similar palettes

• Nightshade Parlor color palette (#9FF4E8, #51A8B6, #006D99, #0032AE, #38037F)
• Ancient Balcony color palette (#90F7CE, #00DDDF, #0AAFD3, #2C75B7, #292270)
• Cerulean Dune color palette (#A1F7FF, #51C4DB, #0092BB, #00648C, #00365D)
• Weathered Turquoise color palette (#CEE6E8, #08AFC8, #00708D, #00445F, #00192D)
• Worn Hollow color palette (#D2F2BF, #66B288, #00776D, #004C5A, #003152)
• Hushed Onyx Meadow color palette (#DFF0E9, #008C93, #004D68, #002158, #180041)
• Hushed Pier color palette (#C2E8F0, #009DD2, #0054BE, #47009A, #44004F)
• Lagoon Lantern color palette (#FFEAD8, #209A88, #00618D, #5F3300, #00383B)

Browse the whole catalog at Explore, or see today's palette.