Tempered Loft color palette — #F5E7F7 · #C097A7 · #57837A · #445067 · #1C253A
Built around Mauve, softened by Storm Blue — the whole palette hums with calm and sophistication.
The five colors
- Blush (#F5E7F7): A whisper-light, dusty pink — the color of peonies in June.
- Mauve (#C097A7): A luminous, dusty rose — the color of a warm blush.
- Storm Blue (#57837A): A full-bodied, dusty teal — the color of shallow lagoons.
- Charcoal Brown (#445067): A full-bodied, dusty violet — the color of a velvet chair.
- Midnight (#1C253A): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Calm, Sophistication. Tagged vintage, retro, muted, cool.
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
- Muted Corridor color palette (#E4E4FB, #B2A0C1, #977056, #374E63, #002743)
- Tempered Onyx color palette (#F4E6F2, #8FB499, #537F7F, #584767, #301F3E)
- Tempered Basin color palette (#F7DEF8, #D1B3BF, #6C958D, #615E76, #373251)
- Pine Courtyard color palette (#E9F6E9, #9FA577, #3D7247, #4D3E63, #002318)
- Cobalt Pier color palette (#F7EFF5, #A8CEDF, #3E83B0, #005E41, #10203C)
- Muted Cocoa Studio color palette (#FFD6B5, #A4AB7E, #4F8C7A, #74383B, #501E21)
- Hazy Garnet Cabin color palette (#F6D9D4, #B69765, #317A4F, #6C2756, #450B34)
- Basalt Meadow color palette (#F2EBDB, #639691, #446F81, #5D2A3B, #36071A)
Browse the whole catalog at Explore, or see today's palette.