Tempered Lagoon color palette — #F1F7F2 · #D2DCDB · #A4ADBA · #4C8E96 · #4E5450

Built around Storm Blue, softened by Ash — the whole palette hums with trust and stability.

The five colors

• Ivory (#F1F7F2): a clean, paper-quiet neutral.
• Silver (#D2DCDB): bright and airy, almost weightless.
• Ash (#A4ADBA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Storm Blue (#4C8E96): A luminous, dusty blue — the color of open sky before noon.
• Charcoal Brown (#4E5450): 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

• Aged Driftwood Boulevard color palette (#EDF4EE, #CEDADA, #B5ACA5, #6F8B71, #333733)
• Aged Petrol color palette (#F9F3F7, #E1D7D8, #D1B9B8, #65729F, #4E444B)
• Timeworn Cobalt Veranda color palette (#F3F8E8, #6EB3CC, #447CAB, #694D73, #374D44)
• Spruce Atelier color palette (#D9E4DD, #8C9F96, #57796D, #00313B, #000D05)
• Olive Parlor color palette (#F6F6EA, #C1C4A2, #658C6D, #557031, #4E5200)
• Tempered Glacier Summit color palette (#EAF9F1, #C5E8FF, #6DDAFF, #70A6D8, #32483E)
• Softworn Cocoa Orchard color palette (#E1FCF4, #D0B5CF, #A2889A, #836666, #74400A)
• Navy Parlor color palette (#EFE8EE, #C2B4BE, #A38396, #204180, #251C24)

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