Tempered Lagoon color palette — #ECF3F6 · #D5D7DF · #B8ACB7 · #538E92 · #2E383B

Storm Blue and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF3F6): bright and airy, almost weightless.
• Silver (#D5D7DF): a clean, paper-quiet neutral.
• Ash (#B8ACB7): A luminous, dusty pink — the color of neon signs at night.
• Storm Blue (#538E92): A luminous, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#2E383B): quiet, heavy and certain.

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

• Dusty Driftwood Lantern color palette (#EEF7FB, #D6DBE5, #B5AAB0, #658897, #4A5459)
• Softworn Lagoon Boulevard color palette (#ECF4EE, #AACCC2, #5C9075, #4A6675, #233530)
• Petrol Parlor color palette (#E9F4FA, #D5D5E9, #B5BCE6, #007792, #172730)
• Muted Terrace color palette (#E6EDF0, #808F9F, #67668F, #003036, #000203)
• Dusty Courtyard color palette (#E2E8EF, #AFB2C1, #9188A6, #0B4281, #020B19)
• Wandering Cobalt color palette (#E9F6E7, #72BBB2, #5978B0, #6B4A22, #192F3A)
• Pewter Veranda color palette (#E8F5F5, #70AB8A, #965B84, #4C510B, #052F23)
• Softworn Grove color palette (#E3EFF8, #248DBC, #323B52, #152027, #080E0F)

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