Cocoa Cabin color palette — #FFF0F7 · #C499AA · #91684F · #74432F · #4E353D

Coffee and Walnut set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Mauve (#C499AA): A luminous, dusty rose — the color of pressed rose petals.
• Walnut (#91684F): A full-bodied, dusty gold — the color of old brass.
• Coffee (#74432F): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#4E353D): A deep, shadowed, dusty rose — the color of pressed rose petals.

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

• Antique Cocoa color palette (#EEF9ED, #94B096, #8E6B41, #754414, #2E4333)
• Cocoa Terrace color palette (#F6E1EC, #B78D6C, #885538, #6F2D13, #472331)
• Frosted Garnet Corridor color palette (#FFE8F1, #E29DAB, #B65A65, #8E2224, #563100)
• Wandering Amber color palette (#FFF2E9, #DAB78D, #BD7E5A, #8A5B57, #403D36)
• Tempered Mulberry Grove color palette (#F6F3FD, #CD9CC4, #AC4C53, #96298A, #2E1D2E)
• Wandering Chestnut Dune color palette (#C8E9C7, #A98848, #7C5100, #583100, #332700)
• Patina Cocoa color palette (#F7D7E4, #986C37, #673700, #431B00, #201300)
• Aubergine Delta color palette (#F4F4FF, #D49F98, #634077, #3C1F4C, #201F30)

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