Cocoa Bloom color palette — #F7EADC · #603C00 · #232F2B · #0D1100 · #060200

Bronze takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#F7EADC): A whisper-light, dusty gold — the color of honey in a jar.
• Bronze (#603C00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#232F2B): quiet, heavy and certain.
• Ink (#0D1100): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#060200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication, Depth, Luxury. 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

• Garnet Studio color palette (#F9DED4, #860013, #313931, #180C00, #0C0000)
• Midnight Fern color palette (#EFEED3, #625D00, #002710, #0F0E00, #020200)
• Wandering Bronze Studio color palette (#F1DFCA, #A56B00, #3D4804, #112210, #040103)
• Patina Chestnut color palette (#F0DCC4, #825600, #374542, #2A2400, #100700)
• Timeworn Forest Delta color palette (#E3E7D8, #00672A, #3A494D, #001F20, #080A00)
• Charred Spruce Workshop color palette (#EEEDD0, #545D63, #233400, #101F1E, #000604)
• Washed Aubergine color palette (#E6EDD1, #546200, #5E08B8, #5F0063, #101400)
• Muted Aubergine color palette (#EEE7D8, #63864C, #00523C, #4A0C52, #0D2000)

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