Tempered Loft color palette — #DFE9FF · #B1ACDF · #8E73B5 · #714C8B · #38304F

Built around Plum, softened by Slate Blue — the whole palette hums with creativity and balance.

The five colors

• Frost (#DFE9FF): A whisper-light, dusty violet — the color of wild irises.
• Mauve (#B1ACDF): A luminous, dusty violet — the color of a velvet chair.
• Slate Blue (#8E73B5): A luminous, balanced violet — the color of wild irises.
• Plum (#714C8B): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#38304F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged muted.

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

• Aged Driftwood color palette (#EEF6FF, #DDD6EA, #B3A2E5, #A26AA7, #534364)
• Muted Grove color palette (#F2EFFF, #C7C0E7, #A074A3, #66386D, #301434)
• Muted Cabin color palette (#E3F4FF, #8FBEDC, #628FC8, #3F5D98, #2E3A55)
• Washed Mulberry color palette (#EDEAFF, #D9ADCE, #B26E92, #8F3F58, #442C46)
• Hushed Violet Drift color palette (#F0F0FF, #BEA9D3, #8EA66C, #845DA8, #29370F)
• Softworn Garnet color palette (#F6E7FC, #BC7EB1, #A14184, #770042, #3D0914)
• Aged Amber color palette (#F1F0FF, #AF8DC0, #B28340, #008A89, #262438)
• Dusty Market color palette (#EBF5EE, #A3C4B5, #698C76, #6C532D, #19322B)

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