Cocoa Cabin color palette — #FDF4E7 · #C5B69D · #957C54 · #775632 · #5C4300
Bronze and Coffee set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FDF4E7): a clean, paper-quiet neutral.
- Stone (#C5B69D): A luminous, dusty gold — the color of afternoon light on wheat.
- Mocha (#957C54): A luminous, dusty gold — the color of old brass.
- Coffee (#775632): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Bronze (#5C4300): A deep, shadowed, balanced 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 Bronze Corridor color palette (#F7EED7, #A2A162, #796900, #5B4600, #34390C)
- Muted Study color palette (#F9E3D3, #B08F71, #885536, #702C0D, #342F2A)
- Weathered Cabin color palette (#EEF9EE, #BFE4C8, #CCB289, #AB8692, #3A4D41)
- Weathered Bronze color palette (#FBE0C8, #996B2F, #663800, #421C00, #201300)
- Fern Studio color palette (#EEF9ED, #579E9D, #987A45, #606515, #344134)
- Faded Mulberry color palette (#FFF1F5, #CCACD4, #A4719C, #86386D, #742327)
- Shadow Chestnut color palette (#F8E8CC, #685900, #372900, #190E00, #040400)
- Hushed Lagoon color palette (#FAF2F9, #B8C6A5, #4A5F80, #253859, #332732)
Browse the whole catalog at Explore, or see today's palette.