Tempered Lagoon color palette — #ECF3F5 · #D3D7DD · #B6AEBC · #42928B · #2D383B

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

The five colors

• Ivory (#ECF3F5): a clean, paper-quiet neutral.
• Silver (#D3D7DD): a clean, paper-quiet neutral.
• Ash (#B6AEBC): A luminous, dusty violet — the color of twilight just after sunset.
• Fern (#42928B): A luminous, dusty teal — the color of shallow lagoons.
• Deep Teal (#2D383B): 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

• Tempered Lagoon color palette (#EFF7F9, #D5DBE3, #B4ACB4, #528E8D, #4C5456)
• Petrol Pier color palette (#EEF2F8, #D9D6DF, #C3B8C7, #5277A4, #242D38)
• Worn Driftwood color palette (#EDF4EF, #A9CCBF, #6F8C6B, #426871, #21362E)
• Patina Pewter Alley color palette (#DFF8F8, #B8CBD1, #869AB2, #7B5A68, #33473F)
• Worn Denim Balcony color palette (#E0E5EA, #ABB3C3, #898CA1, #004871, #000C19)
• Cocoa Lantern color palette (#FFECF4, #7ABAAE, #447FA5, #77431A, #0F313B)
• Spruce Drift color palette (#DEECF1, #819099, #5C6C81, #003133, #000202)
• Aged Lantern color palette (#E8F4FA, #5AAABA, #9A5B75, #7A2F41, #272A00)

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