Cocoa Cabin color palette — #FFF3E6 · #BCA283 · #8E6A46 · #714624 · #523700

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

The five colors

• Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BCA283): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#8E6A46): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#714624): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Cocoa (#523700): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns Cocoa Cabin 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 Drift color palette (#F9F5EB, #C0B89C, #898155, #6B5C32, #544700)
• Bronze Cabin color palette (#FFEADB, #BF926F, #A44D00, #7D2B00, #4C2D03)
• Feathered Driftwood Chapel color palette (#F3DBB2, #9F8D41, #715700, #513600, #2D2A00)
• Taupe Balcony color palette (#FFF1F5, #ECCB9C, #D0A373, #A37A8C, #334135)
• Wandering Terracotta Quarry color palette (#FAF6E2, #808743, #9D586F, #8D2E25, #34332C)
• Hushed Chestnut Balcony color palette (#E9DFD3, #7E6322, #4D3200, #2B1700, #0F0B00)
• Muted Forest color palette (#F1F8EB, #A9B587, #155F4C, #00372A, #13211A)
• Petrol Loft color palette (#F0F7F1, #66BFC6, #0078A7, #006D74, #132921)

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