Tempered Lagoon color palette — #EDF7F9 · #CADECC · #579389 · #2F4C51 · #101E20

A conversation between Storm Blue and Charcoal, giving this palette its sense of sophistication.

The five colors

• Ivory (#EDF7F9): bright and airy, almost weightless.
• Celadon Mist (#CADECC): A whisper-light, dusty green — the color of new leaves after rain.
• Storm Blue (#579389): A luminous, dusty teal — the color of shallow lagoons.
• Charcoal (#2F4C51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#101E20): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, muted.

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

• Dusty Sand color palette (#EEF6FF, #FFE2A5, #517AA2, #243A51, #081018)
• Teal Alley color palette (#EEF7FA, #F0D3F1, #65ACB0, #497482, #212E32)
• Wandering Cypress color palette (#EDF4EE, #EDB2B1, #266D75, #1A3923, #0E1610)
• Washed Seafoam color palette (#E4FAFF, #7AD6D0, #D29BBB, #A87366, #1C363C)
• Worn Atelier color palette (#E8FBEB, #ACE7FF, #8AA1D3, #88667E, #30414F)
• Antique Marigold Chapel color palette (#DFF1FF, #C79A2C, #004160, #292026, #000911)
• Patina Mustard Market color palette (#EAF8FF, #DDB55C, #005B6C, #001C23, #000103)
• Antique Navy Grove color palette (#E9F8FF, #D3DAE6, #90BDE9, #6075AB, #3B2F6B)

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