Cocoa Loft color palette — #F9F4ED · #E4CEAC · #8C7C53 · #654700 · #312A20

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Wheat (#E4CEAC): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Walnut (#8C7C53): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#312A20): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

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

• Softworn Bronze color palette (#F8F5EF, #F0DCAF, #B29C66, #896622, #312A1F)
• Hushed Summit color palette (#EFF8F1, #B4E3ED, #9D833F, #334D3B, #141E17)
• Timeworn Cypress Basin color palette (#F3F7EC, #E7BA94, #448064, #1D4D38, #1E2414)
• Hushed Villa color palette (#F9F5EE, #E5CEA6, #4BACB7, #A58840, #243227)
• Antique Basalt Pier color palette (#EFF8F1, #A9CAB0, #45674E, #473607, #252E27)
• Bronze Basin color palette (#EADFC3, #976C00, #322C00, #1A221C, #070600)
• Powdered Mustard Station color palette (#FCF6DB, #EBAE47, #696F00, #3B3E00, #201A03)
• Timeworn Taupe color palette (#FCF4EA, #CCA271, #9596C7, #936B8E, #573500)

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