Cocoa Cabin color palette — #D8ECDD · #5D4300 · #382F00 · #00251F · #050005

Bronze and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D8ECDD): A whisper-light, dusty teal — the color of shallow lagoons.
• Bronze (#5D4300): A full-bodied, balanced gold — the color of honey in a jar.
• Espresso (#382F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#00251F): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Aubergine Hollow color palette (#E5E1F5, #74007B, #532900, #001D1F, #050005)
• Worn Plum Courtyard color palette (#F5D6E9, #C62E4F, #773500, #2B1D00, #030500)
• Velvet Cocoa Bloom color palette (#EED7E5, #872A00, #263A00, #000E4A, #050100)
• Inked Onyx Ridge color palette (#D3E7D6, #6D4F00, #004F44, #35004D, #030100)
• Charred Atelier color palette (#ECDBF0, #91003E, #003B3D, #31001E, #060001)
• Mulberry Workshop color palette (#EAE4F5, #901782, #0B4504, #1D0050, #02000D)
• Lowlit Study color palette (#FFE6DF, #5D0029, #002007, #000C12, #060002)
• Nightshade Harbor color palette (#D2E8D1, #8A5900, #005C19, #30009A, #0E0600)

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