Cocoa Chapel color palette — #FFF3E8 · #E9D6C0 · #CEB093 · #B3876C · #614000

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

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Bone (#E9D6C0): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#CEB093): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#B3876C): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#614000): A deep, shadowed, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Stone Atelier color palette (#FEECF2, #D5B58D, #9D7B5A, #69505B, #223024)
• Hazy Bronze color palette (#FFE5CD, #B38551, #A15900, #793700, #120900)
• Weathered Bronze Alley color palette (#FFECCD, #DCC77D, #C39E48, #A97300, #3C3600)
• Stone Bloom color palette (#FFF1F6, #C5F5EB, #D4A378, #916D86, #35433C)
• Feathered Amber color palette (#EDE6D8, #B9B57A, #A48D20, #866600, #2C2300)
• Washed Blush color palette (#FCF3F3, #FFD1D1, #ED9F9F, #DB8FBD, #392A24)
• Ash Balcony color palette (#FBF2F4, #FAD5C3, #B490B6, #806082, #34282A)
• Teal Studio color palette (#FFF0F9, #B9BCF8, #8AC5AE, #4EAAAE, #493742)

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