Cocoa Chapel color palette — #FFEFDE · #C2A86C · #936C45 · #733B12 · #29220B

A conversation between Bronze and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FFEFDE): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#C2A86C): A luminous, balanced gold — the color of honey in a jar.
• Walnut (#936C45): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#733B12): A full-bodied, balanced gold — the color of old brass.
• Onyx (#29220B): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Muted Bronze Veranda color palette (#F9F1DF, #C2BD97, #9B7F39, #784E08, #2C2E1C)
• Amber Thicket color palette (#FFE3CE, #D19133, #A0531D, #68302D, #261A00)
• Dusty Mustard Alley color palette (#FFEEE5, #C4B468, #813F2E, #3A2011, #140A05)
• Bronze Corridor color palette (#FFF1F6, #8CB299, #92693F, #70443C, #28443B)
• Marigold Bloom color palette (#FFEEE5, #D4A55A, #84802D, #30541E, #002A1C)
• Ancient Bloom color palette (#FAF0E9, #EF9C74, #4D844A, #994C23, #0E0F04)
• Powdered Bronze color palette (#F9EBDE, #AA7E00, #7C4500, #561B0A, #140D00)
• Dusty Sand Workshop color palette (#EDF9EB, #FCD69B, #B9976F, #845E6E, #27362A)

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