Cocoa Cabin color palette — #F8DDE9 · #7C3D00 · #00455D · #351700 · #00070D

A conversation between Bronze and Navy, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#F8DDE9): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#7C3D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Navy (#00455D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#351700): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#00070D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Nocturne Navy color palette (#D5E9D4, #6F4700, #003987, #2F1C00, #000517)
• Misty Meadow color palette (#F9E8FD, #970040, #004944, #430018, #000807)
• Muted Bronze color palette (#F2E0CD, #925B00, #006377, #503000, #00070B)
• Moonless Aubergine color palette (#F1DDCD, #5E3300, #003D36, #320059, #040100)
• Chestnut Veranda color palette (#FEE8F2, #7B4E11, #471F00, #260400, #060300)
• Airy Balcony color palette (#D6F6EB, #566800, #6B00A2, #273100, #1A002C)
• Softworn Olive color palette (#F6DBE5, #A99567, #647200, #501500, #110800)
• Chalky Bronze color palette (#F0E4DB, #BE6100, #0079B0, #814000, #00070F)

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