Cocoa Cabin color palette — #F4E3D5 · #394844 · #582C00 · #16190F · #0F0600

Built around Espresso, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Parchment (#F4E3D5): A whisper-light, dusty gold — the color of honey in a jar.
• Charcoal (#394844): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Espresso (#582C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#16190F): quiet, heavy and certain.
• Ink (#0F0600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Bronze Parlor color palette (#F9F0E5, #9F7420, #3F3C35, #2E271E, #16150F)
• Charred Basalt color palette (#EFE4C2, #4E5B5D, #3F3B00, #162220, #070A00)
• Garnet Parlor color palette (#F7DACF, #4D5C54, #71000C, #182015, #160200)
• Cellar Fern Meadow color palette (#EDE6CB, #575A00, #2C393C, #1E1B00, #0D0900)
• Hushed Garnet Bloom color palette (#EAE4C6, #5A4C00, #004D34, #5F0800, #0A0700)
• Muted Thicket color palette (#E4E6D8, #418245, #2B3800, #1E2110, #090E07)
• Chalky Bloom color palette (#FAE9D1, #7A5800, #87005E, #3B2900, #230015)
• Hushed Cerulean color palette (#E2E5D3, #429EAB, #005363, #00302F, #001720)

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