Cocoa Chapel color palette — #FBF4EA · #DDE2CA · #99834E · #5D4000 · #1F1A12

Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Celadon Mist (#DDE2CA): A whisper-light, dusty green — the color of new leaves after rain.
• Caramel (#99834E): A luminous, dusty gold — the color of old brass.
• Bronze (#5D4000): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#1F1A12): a grounded near-black with real depth.

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

• Wandering Canyon color palette (#F4F6EC, #EAEAAD, #4F8553, #204123, #0F1104)
• Bronze Bloom color palette (#FCF4E8, #F6DAA5, #B09C6B, #896621, #302A20)
• Weathered Meadow color palette (#EFF0DE, #B2A500, #1F4700, #1A2425, #020A00)
• Inked Bronze Workshop color palette (#EFE6D3, #967600, #211B00, #0B0C06, #020100)
• Worn Mint Veranda color palette (#F7F5ED, #B4EFDE, #81C086, #99A155, #1E2012)
• Aged Cabin color palette (#ECF4EE, #D6C195, #486B52, #213727, #0F1611)
• Softworn Meadow color palette (#FAF6E2, #D4BA48, #4E5700, #171B00, #020100)
• Dusty Field color palette (#F9F6E2, #BEEBB9, #65B592, #41799A, #3E4039)

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