Tempered Loft color palette — #EEF6FF · #DBD7EC · #B4BADB · #396BAB · #35414F

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

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Silver (#DBD7EC): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B4BADB): A luminous, dusty violet — the color of a velvet chair.
• Slate (#396BAB): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#35414F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Dusty Petrol color palette (#EAF3FD, #D7D4E0, #BCBCD5, #306DAC, #182635)
• Timeworn Cobalt Summit color palette (#FAF2FB, #EAD4D6, #DBB6B1, #3B89D8, #493A4B)
• Ancient Driftwood Workshop color palette (#F6F4FC, #E3D7DE, #B6ACA5, #857C99, #535157)
• Weathered Mulberry color palette (#F5F4FE, #D7CDE6, #B59CBE, #7B3C87, #333040)
• Aged Aubergine color palette (#EEEEF9, #ACA4C0, #877893, #4B1D67, #131123)
• Tempered Lilac color palette (#DCE4FF, #B59ADB, #9A738F, #66592A, #225135)
• Hushed Orchid Drift color palette (#F1F5FF, #9DD5FF, #98A2FF, #A24DC4, #392D58)
• Powdered Harbor color palette (#E2FDEC, #9DAE2E, #4A782C, #31556F, #164436)

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