Cocoa Chapel color palette — #FFF1F2 · #F2D3CD · #EBA2A0 · #A27254 · #694400

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

The five colors

• Ivory (#FFF1F2): bright and airy, almost weightless.
• Bone (#F2D3CD): A whisper-light, dusty orange — the color of toasted spice.
• Rose Quartz (#EBA2A0): A luminous, balanced orange — the color of autumn markets.
• Mocha (#A27254): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#694400): A full-bodied, balanced gold — the color of honey in a jar.

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

• Cocoa Coast color palette (#FFF0F8, #EAD4E2, #D598BF, #A87084, #793D1D)
• Antique Rust Meadow color palette (#FFE1DD, #F3A7AD, #C16160, #844537, #39332E)
• Ancient Chapel color palette (#FFF2EE, #E9DABD, #D5A26D, #81783B, #4B4B43)
• Amber Garden color palette (#FFD6DA, #FA8867, #C66100, #5B3D00, #1B1A00)
• Powdered Amber color palette (#FFF1F1, #FFA57B, #C57C00, #6A5200, #323500)
• Softworn Field color palette (#FFF2ED, #F1D5C3, #91D8EE, #C78681, #2E4E3D)
• Antique Basin color palette (#FFE9E0, #D5D0DB, #A5999B, #6A3403, #2A211C)
• Washed Bronze Summit color palette (#FFE6D6, #A37400, #655600, #1A2700, #000502)

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