Muted Loft color palette — #FCF5E5 · #AFA786 · #7C7348 · #654D24 · #433F00

Deep Olive takes the lead with Coffee close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FCF5E5): A whisper-light, dusty gold — the color of old brass.
• Sage (#AFA786): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#7C7348): A full-bodied, dusty green — the color of a quiet forest floor.
• Coffee (#654D24): A full-bodied, dusty gold — the color of old brass.
• Deep Olive (#433F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Muted 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

• Fern Meadow color palette (#EEE8D6, #919C73, #6B6620, #564000, #31312A)
• Hushed Ridge color palette (#FFF3E8, #CBB496, #A7743F, #864D24, #5D4300)
• Antique Driftwood Ridge color palette (#E8FBEE, #9BC9BB, #9E8F52, #875F3C, #244442)
• Softworn Iris Station color palette (#FFF0F8, #7F74C1, #8C6B2C, #345F31, #412B37)
• Hazy Market color palette (#FFECDF, #A1662F, #732D00, #4C0D0A, #211300)
• Powdered Veranda color palette (#FFD4BC, #C87804, #904100, #730E00, #382500)
• Chestnut Boulevard color palette (#EEE4D9, #6E5615, #3E2500, #1F0A00, #040300)
• Pale Garnet Corridor color palette (#F8F2FF, #D09CD0, #9D5E7F, #813042, #741319)

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