Cocoa Bloom color palette — #FFF2EA · #E5BDA0 · #A76F49 · #7A3B00 · #553212

A conversation between Bronze and Mocha, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#E5BDA0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mocha (#A76F49): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#7A3B00): A full-bodied, balanced gold — the color of honey in a jar.
• Cocoa (#553212): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged monochrome, muted, warm.

Use it as a design system

One click turns Cocoa Bloom 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

• Worn Garnet Terrace color palette (#FFF2EF, #E8B5C1, #B06E79, #803442, #562E29)
• Weathered Harbor color palette (#FEF5D7, #DCCEA5, #8D7D39, #554E00, #3C3400)
• Timeworn Amber color palette (#FFF3E9, #FFCDB0, #D58E55, #905A38, #39332F)
• Hushed Parlor color palette (#FFF2EC, #DFDECC, #B0CFAF, #A87486, #79480E)
• Aged Meadow color palette (#F9F4EF, #DCBA8F, #3E889E, #946000, #223229)
• Washed Loft color palette (#FBE4CF, #945700, #462700, #1E2823, #140600)
• Softworn Studio color palette (#F4E0A6, #B5932F, #665100, #382800, #1B1000)
• Mulberry Ridge color palette (#FAF4EC, #AB8A54, #358C9B, #7B4980, #413C36)

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