Cocoa Bloom color palette — #F3DAC9 · #57635D · #763C00 · #241C0D · #090500

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

The five colors

• Bone (#F3DAC9): A whisper-light, dusty gold — the color of honey in a jar.
• Graphite (#57635D): a grounded near-black with real depth.
• Bronze (#763C00): A full-bodied, balanced gold — the color of old brass.
• Onyx (#241C0D): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#090500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged noir, dark, luxury, 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 Pier color palette (#F6DFEE, #665100, #872900, #261B0D, #0C0400)
• Bronze Lantern color palette (#F5DDCD, #AA6C00, #694E00, #2D2700, #020200)
• Cocoa Boulevard color palette (#F6DEC9, #394845, #582C00, #16190F, #0F0600)
• Tempered Marigold color palette (#EDF9EE, #DBA33E, #435B4F, #252E25, #130E10)
• Amber Drift color palette (#F3DACE, #BD7C02, #66632B, #003C4C, #000617)
• Tempered Canyon color palette (#C4F1DE, #797D00, #483B3C, #002C26, #000503)
• Antique Clover Basin color palette (#E0FCF8, #46B951, #2E4C4E, #0E2320, #020705)
• Moss Harbor color palette (#CFE9D2, #A08F00, #485400, #4D1320, #010100)

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