Cocoa Cabin color palette — #F1DAE4 · #7A3E00 · #512700 · #0B2400 · #020007

Bronze takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F1DAE4): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#7A3E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#512700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#0B2400): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Sophistication, Depth, Luxury. Tagged jewel, vibrant, dark, 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

• Cocoa Studio color palette (#D3E3D2, #583700, #331E00, #00130B, #030004)
• Mulberry Coast color palette (#ECE2F3, #8D0057, #521F00, #241500, #000103)
• Hushed Byzantium color palette (#FFF1F3, #A73EA6, #484A00, #002721, #00000B)
• Byzantium Ridge color palette (#D5EAE6, #8936AF, #740402, #002329, #10000A)
• Faded Coast color palette (#F8E5DF, #BE3346, #8E2900, #004233, #0E0008)
• Hushed Meadow color palette (#FFEAF7, #AF3F00, #07520C, #033405, #030022)
• Lowlit Chapel color palette (#E2E4FF, #5A1791, #580023, #00230A, #020006)
• Hazy Plum color palette (#F0EEFC, #A74299, #890030, #401300, #090500)

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