Cocoa Cabin color palette — #F6E4ED · #826128 · #5C2600 · #3C000D · #0D0C00

A conversation between Espresso and Onyx, giving this palette its sense of optimism and sophistication.

The five colors

• Blush (#F6E4ED): A whisper-light, dusty rose — the color of a warm blush.
• Walnut (#826128): A full-bodied, balanced gold — the color of old brass.
• Espresso (#5C2600): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#3C000D): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#0D0C00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: 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

• Muted Olive Quarry color palette (#CFE8D1, #6C6B21, #4B3300, #331000, #030F00)
• Washed Balcony color palette (#FDDFEE, #A96E2F, #833B00, #5E0900, #120900)
• Dusty Rust color palette (#FFE3E5, #AD4E0A, #543700, #151C00, #000A08)
• Velvet Archive color palette (#EADAEB, #56791A, #3D0010, #231B05, #100002)
• Hushed Plum Loft color palette (#F9EBF9, #B3314B, #003F15, #4E0016, #000300)
• Fern Balcony color palette (#D0E7DA, #75925C, #5F5700, #4F2F00, #002C1A)
• Aged Garnet Corridor color palette (#FCD0E3, #AF8712, #884800, #760011, #282C00)
• Wandering Lantern color palette (#F3E2EC, #849F83, #8A543A, #762034, #113927)

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