Tempered Lagoon color palette — #E2EDE8 · #B1A5B0 · #927685 · #003D53 · #011910

A conversation between Deep Teal and Driftwood, giving this palette its sense of trust and stability.

The five colors

• Cream (#E2EDE8): bright and airy, almost weightless.
• Ash (#B1A5B0): A luminous, dusty pink — the color of neon signs at night.
• Driftwood (#927685): A full-bodied, dusty pink — the color of neon signs at night.
• Deep Teal (#003D53): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#011910): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, 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

• Softworn Abyss Coast color palette (#E3ECF4, #93A2B0, #677E9B, #003B56, #00050C)
• Tempered Navy Ridge color palette (#E7DFE6, #B9A1AD, #95767C, #002B88, #1D0D1C)
• Wandering Denim Balcony color palette (#E3F1EB, #A8B8B4, #A58CA5, #00597F, #021911)
• Hushed Aubergine Delta color palette (#F4E8EC, #C9B2B4, #A48680, #562C79, #291B20)
• Denim Drift color palette (#E7FAF3, #DECCDA, #C09AAA, #006090, #233831)
• Dusty Navy color palette (#D4F5FE, #5B739E, #513C6D, #2C2F00, #002103)
• Worn Pewter color palette (#FBF2F4, #E1D8D4, #CBBDAF, #83698C, #4F4447)
• Patina Pine Corridor color palette (#EBEBDD, #2D7C55, #00413B, #002636, #001409)

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