Cocoa Chapel color palette — #FBF4EA · #E9D7B2 · #CEB281 · #A68D75 · #564600

Deep Olive and Sand set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Wheat (#E9D7B2): A whisper-light, dusty gold — the color of honey in a jar.
• Sand (#CEB281): A luminous, dusty gold — the color of old brass.
• Caramel (#A68D75): A luminous, dusty gold — the color of honey in a jar.
• Deep Olive (#564600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, 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

• Patina Stone color palette (#EDF9EE, #B9EAE8, #C4AA83, #8B7181, #304440)
• Amber Orchard color palette (#F7E4D4, #DCBB95, #D38A56, #A76654, #34302A)
• Dusty Mallow Lantern color palette (#EDF9EF, #6ED5DD, #EB9ABD, #C18C6B, #334135)
• Worn Driftwood color palette (#E8F6EA, #A4C4AE, #6B8C71, #495F48, #1C3126)
• Feathered Mustard Lagoon color palette (#F7EED5, #C1D276, #B6A600, #9B7A2F, #283C18)
• Linen Bronze color palette (#EADFD3, #C4973F, #B06A00, #89441C, #1E1400)
• Olive Quarry color palette (#F1E4CA, #8A8507, #745D00, #573800, #040300)
• Teal Villa color palette (#F0F7F0, #F2DBAC, #51B0AF, #5E745E, #262E26)

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