Tempered Lagoon color palette — #EFF7F9 · #D6DAE0 · #B2A9B0 · #39928F · #4A5557

A conversation between Fern and Ash, giving this palette its sense of sophistication.

The five colors

• Ivory (#EFF7F9): bright and airy, almost weightless.
• Silver (#D6DAE0): a clean, paper-quiet neutral.
• Ash (#B2A9B0): a calm mid-gray that lets other colors speak.
• Fern (#39928F): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#4A5557): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Cabin color palette (#EBF3F5, #D4D7DF, #B7ADBA, #578F87, #2E383A)
• Taupe Bloom color palette (#F2F7F1, #D3DDDC, #BAB6AC, #8AA482, #50544F)
• Lagoon Hollow color palette (#EFF8F3, #ACC8BF, #5A8C85, #426E73, #39544C)
• Weathered Cobalt color palette (#F1F5FB, #DBD9E1, #C4BBCB, #4974B5, #3F4955)
• Hushed Ridge color palette (#ECF9EF, #73B5B7, #427EA5, #84414E, #2F4C59)
• Ancient Grove color palette (#E7F0F5, #C4CDD6, #94A1B6, #005E78, #1E303B)
• Spruce Courtyard color palette (#D7E1E5, #8A9DA8, #5C7388, #003236, #000B11)
• Navy Drift color palette (#EBF0F9, #A3A8BA, #7C7C98, #192689, #081328)

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