Cocoa Cabin color palette — #F6EFDB · #ABB190 · #378990 · #724B42 · #593700

Cocoa takes the lead with Cerulean close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F6EFDB): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#ABB190): A luminous, dusty green — the color of new leaves after rain.
• Cerulean (#378990): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Coffee (#724B42): A full-bodied, dusty orange — the color of toasted spice.
• Cocoa (#593700): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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 Basin color palette (#E5E2C1, #85B6A1, #43849A, #7B3E1F, #3E3A34)
• Lagoon Corridor color palette (#FAE2C6, #9DA273, #4F8869, #694868, #5E3533)
• Dusty Cabin color palette (#DDEBC4, #AFC49F, #59A19E, #755A75, #503949)
• Wandering Pine Ridge color palette (#FBF4E8, #94A26D, #36723E, #574A22, #37362F)
• Hushed Cobalt color palette (#D3EDCA, #78C1DD, #7577B0, #65542C, #3C4516)
• Denim Study color palette (#C6EAEB, #6C9FC0, #625993, #52450C, #30322B)
• Timeworn Bronze Alley color palette (#F2F8E5, #B1C4AE, #A68BA9, #9C6437, #4B5000)
• Wandering Studio color palette (#CCE9E8, #6CBA9F, #408784, #364E6B, #1E2B48)

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