Tempered Lagoon color palette — #FAF4EC · #C6EBD1 · #69BEE0 · #00A196 · #0F3E5C

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#C6EBD1): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#69BEE0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00A196): A luminous, balanced teal — the color of glacier melt.
• Navy (#0F3E5C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, 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

• Wandering Delta color palette (#E0FEEC, #B7E4EA, #C6CFFF, #40B5BA, #1C445C)
• Turquoise Corridor color palette (#CDE4DF, #4FD3CF, #00AABA, #0084A0, #00415A)
• Aged Periwinkle Corridor color palette (#F5EDE2, #ADDAF9, #6AA7F1, #008EA4, #192761)
• Weathered Pine color palette (#FCF3EF, #BFDDC8, #599DCB, #00805A, #293864)
• Patina Cerulean color palette (#ECF4ED, #99D3DE, #2887A8, #005C55, #072237)
• Sunlit Blush color palette (#D0EDDD, #00C1ED, #E07EBD, #A79800, #0B3422)
• Patina Coral color palette (#E4F3E9, #5AD1EB, #FE8A76, #00A2BD, #5E1C13)
• Dusty Dune color palette (#E8E0D2, #84AB93, #007FAB, #005D5B, #000A17)

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