Cocoa Cabin color palette — #E5DED9 · #C5B8AA · #9F8F75 · #622800 · #030100

Rust and Caramel set the tone — five colors that lean into optimism and sophistication.

The five colors

• Bone (#E5DED9): a clean, paper-quiet neutral.
• Stone (#C5B8AA): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#9F8F75): A luminous, dusty gold — the color of afternoon light on wheat.
• Rust (#622800): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Black (#030100): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Tempered Atelier color palette (#EEE3E1, #C8B6B0, #A88B7A, #710039, #040000)
• Ancient Onyx color palette (#F5E6EE, #AC929A, #5D7864, #491C00, #11050C)
• Weathered Fern Corridor color palette (#F0EEE7, #D1D1C2, #A1AB89, #4D5200, #030200)
• Timeworn Terracotta color palette (#EEE2DB, #A3A28F, #81916E, #9B462A, #100703)
• Antique Archive color palette (#F2DDCA, #917F4C, #39520F, #002139, #020011)
• Weathered Abyss color palette (#ECE6D5, #73823C, #194800, #3B0100, #010100)
• Quiet Coral Corridor color palette (#F7DBBE, #FF7257, #B47100, #615D00, #020100)
• Deep Chestnut Pier color palette (#ECE2D1, #974C00, #3C3100, #000F16, #020100)

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