Cocoa Cabin color palette — #F7EDFF · #CB9AB8 · #AC5F5C · #793C00 · #483800

Built around Bronze, softened by Mocha — the whole palette hums with nature and growth.

The five colors

• Blush (#F7EDFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Mauve (#CB9AB8): A luminous, dusty pink — the color of peonies in June.
• Mocha (#AC5F5C): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#793C00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#483800): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged muted, warm.

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

• Washed Bronze Veranda color palette (#FFE6E7, #E09EA2, #A85D25, #624E00, #3C4600)
• Garnet Harbor color palette (#EDF0FF, #BA9FD5, #A85883, #92091C, #5E3000)
• Ember Terrace color palette (#FFF1F1, #F4A8B8, #D7675E, #99471B, #593000)
• Tempered Terracotta Studio color palette (#FCF5DE, #AA88BD, #9B5147, #005479, #513435)
• Hushed Bronze color palette (#FFF1F6, #CCA8AE, #AE6F4B, #49688F, #644753)
• Wandering Archive color palette (#FBF3F2, #E0DAD2, #C3C0B1, #9F5A7D, #524343)
• Patina Veranda color palette (#FFE2E4, #C47349, #725500, #2E3A00, #002C1B)
• Muted Quarry color palette (#FFF2EF, #EACDFF, #F88BAA, #9A8200, #433B38)

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