Tempered Lagoon color palette — #EBF4F5 · #D2D8E1 · #B8BCC9 · #358575 · #232E30

Fern and Ash set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#EBF4F5): a clean, paper-quiet neutral.
• Silver (#D2D8E1): a clean, paper-quiet neutral.
• Ash (#B8BCC9): soft and architectural.
• Fern (#358575): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#232E30): 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

• Weathered Workshop color palette (#EFF7F8, #D4DCE4, #B5C1D0, #00877B, #3B4B4E)
• Muted Lagoon color palette (#ECF5EC, #96BEAA, #667D56, #375C61, #112E22)
• Aged Petrol Station color palette (#EDF2F9, #D8D3E1, #B5B5C9, #3C6699, #18212C)
• Pewter Atelier color palette (#C8F5F8, #98BECF, #7C889C, #77525F, #283A2A)
• Dusty Abyss color palette (#D6E3E6, #8EA4AF, #637F99, #003F3C, #000507)
• Teal Bloom color palette (#FFEBFA, #51AF9D, #2D7299, #683630, #062730)
• Wandering Navy color palette (#DFE6F2, #AFB2C2, #8E89A3, #263F7F, #040B18)
• Wandering Aqua Study color palette (#E2F6FC, #93ECB1, #32CAD5, #6A90D5, #0B2938)

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