Tempered Lagoon color palette — #F0F8F1 · #D5D7E6 · #6ECBDD · #00987A · #09465A

Fern and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Silver (#D5D7E6): A whisper-light, dusty violet — the color of a velvet chair.
• Sky (#6ECBDD): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00987A): A luminous, balanced teal — the color of glacier melt.
• Deep Teal (#09465A): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

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

• Ancient Garden color palette (#F9F3F9, #CDE4FE, #75CAED, #65AA77, #37495F)
• Wandering Cerulean color palette (#F0F7F1, #DAD5E0, #95BEF1, #0092A9, #313D62)
• Antique Coast color palette (#E9F8FF, #D6DAE6, #B9AAA8, #57C2B2, #2A4757)
• Ancient Coast color palette (#DBFDFF, #92E6D7, #00B4B4, #007B85, #00485A)
• Wandering Petrol color palette (#E6F2E8, #84C3CC, #00728F, #003F38, #000306)
• Tempered Boulevard color palette (#EDF9EF, #ACD2E9, #0082C0, #005154, #000C22)
• Linen Blush Thicket color palette (#E9F8FD, #8DE5EB, #FF9A9B, #009DA4, #572829)
• Weathered Orchard color palette (#EAF8FF, #C9DFF4, #17B0CB, #006676, #002129)

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