Tempered Loft color palette — #EDF7FA · #D5DBE3 · #B3AAB2 · #608A93 · #4A5557

Built around Storm Blue, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Silver (#D5DBE3): bright and airy, almost weightless.
• Ash (#B3AAB2): soft and architectural.
• Storm Blue (#608A93): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4A5557): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Tempered Loft 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

• Ancient Loft color palette (#EEF7FB, #D3DBF1, #A7BFD9, #007888, #334249)
• Patina Powder Orchard color palette (#E7F9FF, #B1D3ED, #8899B5, #7B6B79, #644D56)
• Patina Denim color palette (#E2E9F0, #AEBACC, #828DAD, #004873, #16202A)
• Driftwood Lantern color palette (#EDF9F2, #BAC79A, #6D8B65, #516B6E, #3D524B)
• Muted Spruce Study color palette (#DBE5E9, #829FAE, #59748B, #003234, #000B10)
• Timeworn Archive color palette (#EAFAED, #36BDBE, #487E9E, #784A54, #374B54)
• Hushed Workshop color palette (#F1F5FF, #CBD0F1, #B79BC1, #484DA9, #2D3341)
• Softworn Harbor color palette (#EDF7F8, #D3DBE3, #B1AAB3, #588C90, #4B5555)

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