Cocoa Cabin color palette — #F1DAE5 · #A86F2D · #813C00 · #5C0F00 · #120A00

Built around Bronze, softened by Espresso — the whole palette hums with optimism and warmth.

The five colors

• Shell Pink (#F1DAE5): A whisper-light, dusty rose — the color of a warm blush.
• Ochre (#A86F2D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#813C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#5C0F00): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#120A00): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, 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

• Washed Amber color palette (#F8E4D5, #BB7300, #7A3800, #430800, #020100)
• Patina Quarry color palette (#CCE9D1, #8C7E31, #6A4D00, #472800, #0B0D00)
• Washed Bronze Dune color palette (#FEE3F1, #895E00, #5C2700, #3C000D, #000F08)
• Patina Field color palette (#FBE7DC, #BD8306, #AE4D00, #802A38, #0D0C00)
• Bronze Market color palette (#F9D1E0, #C59D5E, #AC6300, #883500, #332800)
• Washed Olive Lantern color palette (#CDEDDD, #96A670, #797522, #604A00, #142B09)
• Softworn Workshop color palette (#D3E7E9, #00715B, #851484, #690015, #000604)
• Bronze Study color palette (#DEF5E6, #B6B985, #9D8500, #805800, #2C3B0F)

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