Tempered Lagoon Pier color palette — #E4F6F4 · #89BEC1 · #39837B · #365D5A · #112C2E

Teal and Ash set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#E4F6F4): bright and airy, almost weightless.
• Ash (#89BEC1): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#39837B): A full-bodied, dusty teal — the color of glacier melt.
• Peacock (#365D5A): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#112C2E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Calm, Sophistication, Grounding. Tagged botanical, earthy, muted, cool.

Use it as a design system

One click turns Tempered Lagoon Pier 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

• Tempered Villa color palette (#DDF9F2, #74BA89, #007E63, #0E565C, #002911)
• Airy Harbor color palette (#D2F2F2, #4BC0D0, #0084A2, #005577, #083251)
• Fern Alley color palette (#F6F6EB, #A4B793, #2B8188, #4B6236, #324C08)
• Softworn Cobalt color palette (#E7F4FF, #89C5F0, #3A7DB0, #00446E, #001729)
• Feathered Pier color palette (#E5F4FF, #56B0D7, #BA7D58, #006E91, #411B00)
• Washed Quarry color palette (#DCF0ED, #529F7E, #006358, #00404C, #001617)
• Washed Cerulean Delta color palette (#E6F4FF, #D4D4E8, #D1B3D8, #418998, #25374B)
• Powdered Summit color palette (#E6F4FF, #3098CD, #B16281, #687130, #032134)

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