Cocoa Cabin color palette — #FDEDF4 · #96B693 · #916C51 · #6A4032 · #112918

A conversation between Cocoa and Walnut, giving this palette its sense of nature and growth.

The five colors

• Blush (#FDEDF4): bright and airy, almost weightless.
• Sage (#96B693): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#916C51): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#6A4032): A full-bodied, dusty orange — the color of sun-warmed clay.
• Deep Forest (#112918): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Weathered Workshop color palette (#E4F8EB, #90B5A4, #588067, #61471C, #072921)
• Cocoa Corridor color palette (#FFF3E9, #B9A483, #956646, #763F40, #3F3D36)
• Ancient Cocoa Veranda color palette (#EFDAE1, #AD946D, #845A31, #5F2F16, #011E0E)
• Lagoon Loft color palette (#DBF8FC, #009C86, #95608B, #784034, #001F23)
• Washed Sand Thicket color palette (#FFF0F7, #F2D9AE, #BA8FA4, #7C607B, #20372E)
• Muted Boulevard color palette (#E6F5F6, #C7B083, #21624F, #002E31, #010F11)
• Antique Station color palette (#DCF4DC, #8B6E00, #5C3C00, #381900, #060500)
• Muted Cobalt color palette (#E9F4F6, #7DC3B9, #4D76AF, #00756B, #030E1E)

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