Cocoa Bloom color palette — #F4EDE4 · #BCB9AB · #899376 · #5A3F00 · #281D0D

Bronze and Eucalyptus set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#F4EDE4): a clean, paper-quiet neutral.
• Stone (#BCB9AB): soft and architectural.
• Eucalyptus (#899376): A luminous, dusty green — the color of fresh herbs.
• Bronze (#5A3F00): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#281D0D): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Basalt Loft color palette (#E4EDE6, #9FBBAE, #77958D, #544100, #040E06)
• Garnet Field color palette (#EADFD9, #C2B7AA, #978E6D, #7E1A00, #2D1A10)
• Chestnut Dune color palette (#EBE4D7, #CAC4B0, #A8A789, #765D00, #251E11)
• Forest Cabin color palette (#EDF0E9, #C5D0C5, #83AB9A, #00663C, #2C3023)
• Muted Spruce color palette (#E9E9DE, #949D8E, #3F7B86, #163300, #0A0A01)
• Bronze Workshop color palette (#F8F5EF, #D7DDD5, #B3C6BA, #837341, #4C473E)
• Weathered Bronze color palette (#DAE3DC, #AFC5C6, #8AAEB8, #A07A00, #112417)
• Washed Cabin color palette (#F4F6EE, #CDDED8, #9FC7B2, #1E7F36, #3E4500)

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