Tempered Lagoon color palette — #FEF1F7 · #C1E6FF · #87B3F6 · #00A292 · #38345F

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

The five colors

• Ivory (#FEF1F7): bright and airy, almost weightless.
• Powder Blue (#C1E6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Sky (#87B3F6): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00A292): A luminous, balanced teal — the color of shallow lagoons.
• Navy (#38345F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Muted Powder Corridor color palette (#FAF2FA, #CDE3F7, #7ECAE2, #7DA47C, #304A64)
• Gentle Emerald color palette (#F5EBF5, #ACDCEB, #33B3E1, #289551, #0A2D58)
• Muted Quarry color palette (#EFF8F1, #D9D5E1, #70ACE1, #007D89, #192D51)
• Blush Delta color palette (#EEDCFF, #EA8BBD, #00BBC0, #3297BF, #332340)
• Iris Harbor color palette (#EADADF, #97C6E9, #728DE1, #007D7C, #251143)
• Cobalt Drift color palette (#ECDEE3, #6EA8CB, #4F71BD, #005E59, #0C0025)
• Pale Peony Coast color palette (#F4E9FF, #F5A0CC, #49C7B7, #CA6DA0, #003F38)
• Worn Cerulean color palette (#F7E8F4, #59C2CC, #008FC0, #007141, #001037)

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