Tempered Lagoon color palette — #EEF7F8 · #D2DCE3 · #B5C1CC · #3F836B · #3F4A4B

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

The five colors

• Ivory (#EEF7F8): bright and airy, almost weightless.
• Silver (#D2DCE3): bright and airy, almost weightless.
• Ash (#B5C1CC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#3F836B): A full-bodied, dusty teal — the color of glacier melt.
• Charcoal (#3F4A4B): a grounded near-black with real depth.

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

• Weathered Cypress color palette (#E7F9F8, #89BABC, #497F72, #3D6160, #2D4849)
• Dusty Jade Lantern color palette (#F4F6F0, #D2DEDA, #B3C4C3, #4AA37A, #3C5008)
• Worn Abyss color palette (#DFF2F5, #9AADB2, #648590, #004238, #04171A)
• Patina Navy color palette (#DEE3E9, #B2B9C5, #838EA6, #0E4382, #16202C)
• Teal Pier color palette (#E3FAFF, #87EDC4, #35CBBD, #009BAB, #18414B)
• Antique Ridge color palette (#DDFDF6, #3EAC99, #12787E, #3F4A79, #18444C)
• Worn Corridor color palette (#E6F9FC, #1D9D8A, #256B8B, #5B4400, #25401D)
• Worn Atelier color palette (#EEF7F9, #D4DBE2, #B6C0CE, #37837A, #3C4B4E)

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