Tempered Lagoon color palette — #EDF8F7 · #D4DCE4 · #B3AAB0 · #598C8C · #4D5454

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

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Silver (#D4DCE4): a clean, paper-quiet neutral.
• Ash (#B3AAB0): soft and architectural.
• Storm Blue (#598C8C): A luminous, dusty teal — the color of sea glass.
• Charcoal Brown (#4D5454): 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

• Driftwood Field color palette (#EFF3EC, #D0D8D5, #A2B3B5, #78896B, #333830)
• Tempered Workshop color palette (#FFF0F7, #A6CBB1, #5D8C7F, #506B71, #425147)
• Abyss Market color palette (#E2EDF3, #ADBAC9, #868CA9, #004D5C, #10222A)
• Muted Veranda color palette (#DCFDF8, #AFD6DE, #8392A3, #826873, #624C56)
• Patina Teal Thicket color palette (#FFF0FF, #73B993, #4B7E9B, #7A4A4E, #344C52)
• Spruce Grove color palette (#D6E9EB, #8A9DA6, #5B738C, #003428, #000C0D)
• Dusty Celadon color palette (#E4FAFF, #D7F99B, #79D6D8, #869FD7, #34505D)
• Ancient Denim color palette (#EEF6FF, #C7D1F4, #A8A2C0, #005D9E, #243445)

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