Tempered Lagoon color palette — #FAF4F0 · #C5E6DE · #66B1C9 · #199066 · #284B66

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#C5E6DE): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#66B1C9): A luminous, balanced blue — the color of deep harbor water.
• Fern (#199066): A full-bodied, balanced teal — the color of sea glass.
• Navy (#284B66): 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

• Hushed Lagoon Veranda color palette (#FAF4EF, #CDE6E7, #94B4DD, #16999B, #624A5B)
• Worn Cerulean color palette (#EDF8F5, #BCE4F1, #349AA6, #007268, #2E4C5A)
• Wandering Quarry color palette (#ECE1DC, #66AFBB, #006F97, #004C3D, #00132E)
• Cerulean Pier color palette (#F9EBE5, #AECEB4, #0093BE, #006F54, #022F54)
• Aged Terrace color palette (#F3EBE4, #6D97BA, #2D50AD, #003A41, #0A0028)
• Softworn Moss color palette (#FFF1F2, #D587BB, #83A747, #009E75, #4C2E30)
• Tempered Orchid color palette (#FFF1F4, #CFA6DB, #62BB7F, #A85CBD, #1E4E2F)
• Timeworn Ash color palette (#FFF1F4, #E5D7CC, #C6C692, #9291C8, #624040)

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