Tempered Cocoa Chapel color palette — #FFF3EA · #D8BD83 · #7C533D · #572B00 · #282318

Built around Espresso, softened by Sand — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Sand (#D8BD83): A luminous, balanced gold — the color of old brass.
• Coffee (#7C533D): A full-bodied, dusty orange — the color of autumn markets.
• Espresso (#572B00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#282318): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Tempered 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

• Marigold Villa color palette (#FAF4EE, #EFB279, #648956, #8C633C, #2E2E28)
• Patina Marigold color palette (#F9F5E7, #CBAA61, #505615, #302E27, #171D10)
• Driftwood Summit color palette (#FCF2F8, #B4DCC3, #967086, #5D4453, #32282E)
• Wandering Lagoon color palette (#FAF3F6, #C9E8C7, #C09378, #866073, #36262E)
• Inked Chestnut Atelier color palette (#FEECDC, #785900, #212E2C, #220E00, #050100)
• Amber Study color palette (#EBDCC5, #B08400, #473100, #1F1400, #060600)
• Worn Taupe color palette (#FFF4E2, #BFA557, #688053, #455A7D, #584500)
• Worn Basin color palette (#FFF3E4, #D2BE75, #7E8952, #4C6735, #18522B)

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