Cocoa Bloom color palette — #FFF4E2 · #D3977F · #8A7449 · #25636F · #693B00

A conversation between Bronze and Camel, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Camel (#D3977F): A luminous, balanced orange — the color of toasted spice.
• Walnut (#8A7449): A full-bodied, dusty gold — the color of honey in a jar.
• Peacock (#25636F): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#693B00): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, muted.

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

• Patina Taupe color palette (#FFF4E2, #CE94AA, #9D675A, #2C664F, #59413C)
• Patina Cocoa color palette (#FEF4E3, #BBA66B, #698055, #6B4E6A, #584500)
• Denim Drift color palette (#FCF0E0, #CF9D97, #937242, #404D85, #3B261E)
• Washed Denim Cabin color palette (#FEF3EB, #BD8B6F, #617950, #0C5E6D, #463B5F)
• Patina Driftwood color palette (#FFF3E9, #D3C6B3, #959078, #587167, #594B57)
• Softworn Amber color palette (#FFF4DE, #C67600, #696200, #004B6B, #483100)
• Timeworn Grove color palette (#EDF9EE, #E2ADBC, #B18B53, #596AA9, #554051)
• Marigold Balcony color palette (#ECF9EE, #FFC0A6, #CFA85B, #4D98A8, #54424A)

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