Dusty Loft color palette — #FFF2F1 · #EEC9AE · #9B6E82 · #614543 · #352827

Mocha and Wheat set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#FFF2F1): bright and airy, almost weightless.
• Wheat (#EEC9AE): A whisper-light, dusty gold — the color of old brass.
• Mocha (#9B6E82): A full-bodied, dusty rose — the color of strawberry cream.
• Cocoa (#614543): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#352827): quiet, heavy and certain.

Feels like: Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Dusty 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 Driftwood color palette (#F7F3FA, #D7D9CC, #A7748B, #4F3E5B, #1E1922)
• Ancient Cocoa Alley color palette (#FFF2E9, #DFBE96, #9A6241, #653400, #2B1F15)
• Driftwood Alley color palette (#FCF3F1, #F5C4B9, #C18F71, #BA7582, #332C28)
• Ancient Garden color palette (#FBF3F3, #C6C29E, #754F6F, #512C31, #30211B)
• Ancient Ash Ridge color palette (#F6F4FB, #B7EBDA, #BC8CB7, #706784, #2C2934)
• Wandering Quarry color palette (#FFF1F3, #BB8CBB, #48929C, #4A6E8E, #44323A)
• Softworn Taupe Balcony color palette (#FCF3F0, #DDD9D2, #B0B2A7, #B89184, #5A504C)
• Washed Corridor color palette (#FFF3E5, #EDAC97, #B18968, #60774F, #6D3804)

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