Cocoa Cabin color palette — #FFF1F8 · #C399AB · #92674F · #7C3E27 · #4E353E

Bronze takes the lead with Walnut close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF1F8): bright and airy, almost weightless.
• Mauve (#C399AB): A luminous, dusty rose — the color of pressed rose petals.
• Walnut (#92674F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#7C3E27): A full-bodied, balanced orange — the color of toasted spice.
• Charcoal (#4E353E): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Warmth, Comfort, 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

• Ancient Bronze color palette (#FCEDF4, #C5A580, #9F6545, #713A38, #11281A)
• Hushed Cocoa color palette (#FFF1F5, #91B193, #8B6C48, #72461F, #2B4431)
• Washed Orchard color palette (#FFF2EA, #D6B896, #C27B55, #905754, #403D36)
• Worn Parlor color palette (#F4E3EC, #A67E63, #883C10, #651800, #391726)
• Patina Amber color palette (#CAE8C8, #AD863E, #7D5000, #593100, #342700)
• Muted Archive color palette (#FADDE8, #875E29, #552D00, #301200, #120900)
• Muted Quarry color palette (#E0F2E2, #D4C845, #FF8C74, #552E36, #31292F)
• Navy Villa color palette (#F8F2FF, #9C5983, #006078, #1D3F8D, #27253E)

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