Cocoa Cabin color palette — #FFF3E8 · #F1D5A9 · #D0AF8E · #A98B77 · #5C4300
A conversation between Bronze and Wheat, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF3E8): a clean, paper-quiet neutral.
- Wheat (#F1D5A9): A whisper-light, dusty gold — the color of old brass.
- Sand (#D0AF8E): A luminous, dusty gold — the color of old brass.
- Caramel (#A98B77): A luminous, dusty gold — the color of old brass.
- Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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
- Seafoam Cabin color palette (#EDFAE9, #68D9CB, #D7A3CB, #BF8C7A, #354132)
- Misty Summit color palette (#FCECD3, #D7CA72, #C99C26, #A97230, #343910)
- Worn Driftwood color palette (#FEF1F6, #CAEEE6, #CAA1B1, #906E85, #2E453A)
- Antique Bloom color palette (#F1F7EE, #F3DBAB, #8FA782, #62735A, #272D24)
- Muted Coast color palette (#FBEEF2, #AFC1AE, #A07484, #704B5D, #223024)
- Hushed Mustard color palette (#EEE2C9, #B3B954, #A18E37, #85652F, #282500)
- Quiet Amber Studio color palette (#FAE4D3, #D78B3A, #B76230, #8D3F32, #211300)
- Wandering Bronze Workshop color palette (#F5E4CE, #9D7C00, #815600, #613000, #040300)
Browse the whole catalog at Explore, or see today's palette.