Cocoa Chapel color palette — #F1E4EC · #A67F55 · #7F422E · #592131 · #092B1A

Coffee takes the lead with Mulberry close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F1E4EC): a clean, paper-quiet neutral.
• Caramel (#A67F55): A luminous, dusty gold — the color of afternoon light on wheat.
• Coffee (#7F422E): A full-bodied, balanced orange — the color of toasted spice.
• Mulberry (#592131): A deep, shadowed, balanced red — the color of embers at dusk.
• Deep Forest (#092B1A): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Sophistication. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Chapel 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

• Cocoa Basin color palette (#DEF6E0, #8C8B54, #724E00, #5E2100, #002B25)
• Timeworn Garnet Delta color palette (#F5E2D7, #A97B5A, #8A3914, #62000C, #170B00)
• Linen Chestnut color palette (#FFE6F4, #BD955D, #985534, #72313C, #3C3600)
• Washed Bronze Orchard color palette (#ECFAEB, #88B39B, #8C6C41, #734335, #25443D)
• Ancient Orchard color palette (#EEDACF, #D3A97C, #D46D4A, #975464, #2F2200)
• Aged Pier color palette (#EEECFF, #BD70BB, #943061, #640B00, #361E00)
• Weathered Grove color palette (#D7F1DB, #6A6D00, #4A3400, #321100, #011000)
• Tempered Pewter Atelier color palette (#EBF9F2, #9CC1B9, #678978, #4E654B, #344D4D)

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