Tempered Loft color palette — #F1F5FF · #D8CAE7 · #BBA1B0 · #6A878C · #375053
A conversation between Lilac Frost and Mauve, giving this palette its sense of sophistication.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lilac Frost (#D8CAE7): A whisper-light, dusty violet — the color of wild irises.
- Mauve (#BBA1B0): A luminous, dusty pink — the color of peonies in June.
- Storm Blue (#6A878C): A luminous, dusty blue — the color of deep harbor water.
- Charcoal Brown (#375053): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Sophistication. Tagged vintage, retro, 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
- Tempered Studio color palette (#F9F2FF, #E1B4CB, #86AB98, #637487, #435365)
- Dusty Glacier Lagoon color palette (#ECF9F3, #A6DDDB, #75A4AF, #857889, #3E5251)
- Timeworn Coral Meadow color palette (#F1DEF2, #E09191, #8E7950, #3A5F70, #21414E)
- Worn Blush color palette (#FBF1FF, #EC92AE, #53B4C9, #6B9AAF, #493E4E)
- Wandering Bronze Field color palette (#FFF1F0, #D4BFB9, #AD9489, #896923, #405715)
- Softworn Mallow color palette (#F4F4FF, #F2A5D9, #D08491, #A26C63, #604653)
- Dusty Workshop color palette (#FAF2FF, #F3ACC9, #5DC2CF, #B47790, #305360)
- Amber Coast color palette (#F2E3EC, #DB7C5A, #736B33, #2E4C62, #002A3C)
Browse the whole catalog at Explore, or see today's palette.