Cocoa Cabin color palette — #F8D4E6 · #5A2600 · #002D49 · #001424 · #040100

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

The five colors

• Shell Pink (#F8D4E6): A whisper-light, dusty rose — the color of a warm blush.
• Espresso (#5A2600): A deep, shadowed, balanced orange — the color of autumn markets.
• Midnight (#002D49): A deep, shadowed, dusty blue — the color of deep harbor water.
• Ink (#001424): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#040100): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication, Depth, Luxury. Tagged dark, 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

• Inked Cabin color palette (#FFE0EA, #512E00, #001D71, #000B3B, #040100)
• Velvet Loft color palette (#F8EAFF, #690037, #003133, #001618, #040007)
• Obsidian Coast color palette (#F9E7DA, #582600, #183200, #240022, #030100)
• Terracotta Dune color palette (#F3E2EC, #9A3600, #00302D, #370E00, #000203)
• Moonless Chestnut color palette (#F1D9CF, #825D00, #333600, #001605, #000504)
• Tempered Onyx Study color palette (#DFE8DF, #85A195, #4D7A77, #3C2600, #030C03)
• Twilit Aubergine Market color palette (#CAE6D9, #474700, #54006C, #2F003F, #050500)
• Faded Forest color palette (#F6DCE6, #7B4200, #0E5408, #4C003B, #040100)

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