Tempered Loft color palette — #F2F5FB · #DED8E1 · #CBBAC6 · #6C6FA2 · #45484E

Built around Slate, softened by Stone — the whole palette hums with creativity and sophistication.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Silver (#DED8E1): bright and airy, almost weightless.
• Stone (#CBBAC6): A luminous, dusty pink — the color of a candy shop window.
• Slate (#6C6FA2): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#45484E): a grounded near-black with real depth.

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

• Wandering Corridor color palette (#F8EFF3, #E6D4D3, #CDB8B5, #736E9D, #32292E)
• Softworn Driftwood Study color palette (#EEF3FF, #B6B4DC, #A4737D, #3A696F, #394D5A)
• Worn Cypress Ridge color palette (#ECF9F2, #9DB991, #3C8364, #57557A, #314843)
• Weathered Grape Orchard color palette (#F3F4FF, #D5CEE6, #CA96A4, #6F36AA, #303144)
• Ancient Byzantium color palette (#E3E3F3, #8F4FB4, #392B45, #1E1D2E, #0E0C12)
• Hushed Aubergine Courtyard color palette (#DCDFEB, #A9A6BE, #9F6E86, #3A2473, #10131F)
• Patina Garnet color palette (#E4DDE5, #C7B2C0, #A3858F, #820032, #241C26)
• Gentle Iris Loft color palette (#F1F5FF, #7A7ED4, #915100, #005638, #00423A)

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