Dusty Loft color palette — #FEEFE2 · #CCB897 · #9F7A5D · #834429 · #302C1C

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

The five colors

• Cream (#FEEFE2): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CCB897): A luminous, dusty gold — the color of old brass.
• Mocha (#9F7A5D): A luminous, dusty gold — the color of old brass.
• Coffee (#834429): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#302C1C): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Bronze Harbor color palette (#FEF3E9, #C7B59E, #A6743E, #844F1D, #614000)
• Washed Balcony color palette (#F8E6CE, #A6A637, #8B6300, #6F2D02, #0A2302)
• Timeworn Teal color palette (#EDF5E9, #00AD94, #AC6F77, #814D54, #1D2619)
• Wandering Lichen color palette (#FFF1F6, #D5FAD7, #CCA0B1, #8E7081, #334439)
• Tempered Moss Workshop color palette (#E8E1D3, #7D9125, #685200, #4D2500, #0D1000)
• Washed Villa color palette (#EAF5ED, #F4B0A1, #476B51, #243629, #0E1610)
• Softworn Bronze color palette (#F5E6DD, #9B6400, #722A00, #470017, #080500)
• Aged Cobalt Ridge color palette (#EFF3EC, #83D7BB, #737CC0, #34816B, #1D121A)

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