Tempered Loft color palette — #FFF0F9 · #BBD4C0 · #86A4A3 · #846C85 · #644658

Charcoal Brown and Slate set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Oat (#BBD4C0): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#86A4A3): A luminous, dusty teal — the color of glacier melt.
• Slate (#846C85): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal Brown (#644658): A full-bodied, dusty pink — the color of a candy shop window.

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

• Wandering Courtyard color palette (#F2EFCD, #BBC3AA, #798C76, #7D5B68, #674549)
• Dusty Basalt color palette (#DAF2DD, #7BB9BF, #6B7A9E, #775265, #51290B)
• Washed Lagoon color palette (#F0F8F0, #A5CFBD, #649B95, #627961, #2E493E)
• Timeworn Aqua color palette (#B7EAE5, #88C9D2, #8E8FBA, #84636E, #5C401E)
• Tempered Periwinkle color palette (#FAF3F6, #D2DFFA, #80A8D8, #41897A, #3C4764)
• Hushed Turquoise Drift color palette (#D9F4E4, #45A4BF, #5D649B, #5F4E18, #382B00)
• Gentle Meadow color palette (#E8F7AF, #91C6CC, #7BA0BE, #916236, #6E4215)
• Mint Quarry color palette (#EAE0CF, #88C275, #3D929B, #8E4131, #701D0D)

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