Tempered Lagoon color palette — #FDF3ED · #C8E9D6 · #80B8E4 · #00A194 · #4C2F49

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

The five colors

• Ivory (#FDF3ED): a clean, paper-quiet neutral.
• Celadon Mist (#C8E9D6): A whisper-light, dusty teal — the color of sea glass.
• Sky (#80B8E4): A luminous, balanced blue — the color of open sky before noon.
• Fern (#00A194): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#4C2F49): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Worn Dune color palette (#FEF3ED, #CBEAC9, #5FC1D7, #49A06E, #113F57)
• Patina Cerulean Workshop color palette (#F7EDE2, #ACE0D2, #8BA1E5, #008EA2, #2F2550)
• Muted Petrol Study color palette (#ECF8F6, #BADAEB, #5C9FBD, #007A86, #1D3E56)
• Teal Drift color palette (#FCF3EF, #C2E2EC, #A0D4C1, #6BB2A3, #5E4C5D)
• Sunlit Field color palette (#FFDBD8, #EF87B9, #51BC92, #009EAF, #412120)
• Feathered Courtyard color palette (#F8E9DE, #86CAEC, #5A95D7, #007D7C, #13154F)
• Cobalt Hollow color palette (#F7EFF4, #A8CEE2, #3483B7, #005C53, #101F3D)
• Worn Cobalt color palette (#F9EBE2, #76A9BE, #1B78C0, #005E5A, #02002E)

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