Tempered Lagoon color palette — #FBF2F7 · #C3E6FB · #80B5F6 · #00A28C · #353460

Fern takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#C3E6FB): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#80B5F6): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00A28C): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#353460): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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 Sky color palette (#EFF8F0, #D8D6E2, #5AAFE7, #007E83, #172F4B)
• Soft Emerald color palette (#F3ECF3, #B1DBE6, #00B6DE, #38943F, #002F55)
• Worn Teal color palette (#F9F3F7, #D7D5E4, #A1CCF4, #6FB29C, #45526E)
• Faded Iris Atelier color palette (#EFE0E7, #9BC6E3, #648CF3, #007D79, #240F48)
• Pale Clover color palette (#F5DCF0, #F48D83, #65BC5D, #00A59E, #3B2137)
• Chalky Quarry color palette (#EFECFD, #E2A7E1, #00C9C8, #C863CA, #003E3E)
• Tempered Cobalt color palette (#F4E3EB, #76A8C2, #3E72C6, #005E55, #0B0027)
• Airy Forest color palette (#E7DCE6, #86B9C9, #0090B8, #007232, #00132E)

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