Cocoa Loft color palette — #FFF3E9 · #C49F7F · #946748 · #794115 · #563500

A conversation between Bronze and Cocoa, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Camel (#C49F7F): A luminous, dusty gold — the color of honey in a jar.
• Walnut (#946748): A full-bodied, dusty gold — the color of old brass.
• Bronze (#794115): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#563500): A deep, shadowed, dusty gold — the color of old brass.

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

• Muted Pier color palette (#F6E5D5, #B38F67, #8A5625, #5F3922, #34302A)
• Bronze Studio color palette (#FEF4E3, #C4B69B, #9E7938, #7D5410, #594500)
• Tempered Olive Studio color palette (#F8EED0, #99A36A, #706D00, #554900, #2E3B13)
• Weathered Apricot Studio color palette (#FFF0F7, #F0C8A6, #DD9B72, #AA7C69, #4B363D)
• Terracotta Summit color palette (#FFF0F7, #ADC6AC, #AF846B, #98514C, #274533)
• Dusty Bronze Alley color palette (#F6E0C8, #917035, #613C00, #3E1F00, #201400)
• Misty Harbor color palette (#F6F6E7, #688D3E, #8D384A, #642F10, #34280D)
• Softworn Stone Terrace color palette (#F3F7EB, #B0B377, #2E5D40, #2D2F28, #0F1F14)

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