Cocoa Cabin color palette — #F6D5E9 · #7C4000 · #4A1600 · #240002 · #020100

A conversation between Bronze and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F6D5E9): A whisper-light, dusty pink — the color of neon signs at night.
• Bronze (#7C4000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#4A1600): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#240002): A deep, shadowed, dusty orange — the color of toasted spice.
• Black (#020100): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication, Depth, Luxury. Tagged earthy, warm, 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

• Fern Market color palette (#D7E3D8, #625100, #392600, #190A00, #010100)
• Antique Balcony color palette (#F4DDCE, #9E5B2F, #742A00, #470900, #080200)
• Pale Amber Orchard color palette (#FAEAF1, #B77617, #834000, #4F2115, #001304)
• Smoked Mulberry Boulevard color palette (#F6E6F5, #A70029, #382600, #40000A, #000200)
• Lowlit Summit color palette (#F5D9F1, #3F4E43, #5A000E, #001E12, #00060F)
• Hushed Quarry color palette (#FFDEF2, #DF873C, #A64D25, #6B2E2B, #291800)
• Moss Loft color palette (#DAEFE5, #799C00, #605F00, #433400, #031700)
• Inked Mulberry Meadow color palette (#CCEEF4, #516800, #970050, #110403, #030005)

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