Tempered Lagoon color palette — #EBF4F4 · #D1DAE4 · #B6BED1 · #3C846D · #242E2F

Fern takes the lead with Ash close behind in a set that reads as sophistication at first glance.

The five colors

• Ivory (#EBF4F4): bright and airy, almost weightless.
• Silver (#D1DAE4): bright and airy, almost weightless.
• Ash (#B6BED1): A luminous, dusty violet — the color of wild irises.
• Fern (#3C846D): A full-bodied, balanced teal — the color of sea glass.
• Onyx (#242E2F): 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

• Muted Lantern color palette (#EDF7F9, #D2DDE6, #B4C2D2, #4D7D84, #3F4A4C)
• Softworn Petrol Archive color palette (#EDF2F8, #D7D4E3, #B2B4D1, #3B6990, #18212A)
• Washed Villa color palette (#EBF5EA, #97BEA8, #667F39, #355C60, #142D20)
• Muted Lagoon Pier color palette (#D5E6EC, #00858B, #11344C, #07191E, #020808)
• Hushed Cerulean Chapel color palette (#DCE4E6, #8AA5B0, #57819D, #004037, #000507)
• Tempered Cerulean color palette (#CCFCFA, #90C0D4, #6485AA, #73505F, #442731)
• Faded Teal Quarry color palette (#FEEBF9, #4DB18E, #007696, #752C1E, #06272E)
• Navy Pier color palette (#E2E6EC, #ACB3C5, #8C88B0, #034089, #040B16)

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