Cocoa Cabin color palette — #FDF3EE · #DCB997 · #8A493A · #5D2600 · #29251F

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

The five colors

• Ivory (#FDF3EE): bright and airy, almost weightless.
• Sand (#DCB997): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#8A493A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#5D2600): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#29251F): quiet, heavy and certain.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged luxury, dark, muted, warm.

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

• Softworn Boulevard color palette (#FAF4EF, #ECB18D, #957A2C, #9B5A2E, #312D27)
• Washed Taupe color palette (#FEF2EF, #E5E0B4, #C58D91, #84645B, #332825)
• Aged Cabin color palette (#FAF5EA, #C5AC6E, #624F00, #312E27, #1B1D0E)
• Patina Sand Villa color palette (#F9F3F9, #DDD391, #A16D6E, #574756, #312831)
• Bronze Station color palette (#E5DECD, #836900, #1F2A2D, #211D00, #050400)
• Tempered Amber Corridor color palette (#E9DBCF, #B98006, #502C00, #241100, #070500)
• Wandering Olive color palette (#FDF4E4, #BDA46D, #7D7B22, #10685B, #5C4300)
• Hushed Amber Parlor color palette (#FFF2EB, #C8785D, #758849, #705278, #433B37)

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