Cocoa Bloom color palette — #F6D9C7 · #674100 · #362E00 · #0E1200 · #000200

Bronze takes the lead with Espresso close behind in a set that reads as nature and growth at first glance.

The five colors

• Shell Pink (#F6D9C7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#674100): A full-bodied, balanced gold — the color of old brass.
• Espresso (#362E00): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0E1200): A deep, shadowed, dusty green — the color of new leaves after rain.
• Black (#000200): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Deep Fern Archive color palette (#DDECE3, #415C18, #302A00, #190A00, #000201)
• Velvet Aubergine Garden color palette (#D2E9D8, #5E4900, #500089, #271D00, #020006)
• Garnet Station color palette (#FDDDE3, #93001F, #4C2100, #1C0F00, #020100)
• Nocturne Aubergine Bloom color palette (#E2E2C9, #413D00, #3F0078, #370036, #010100)
• Grape Quarry color palette (#F6DDC8, #6E00E3, #784300, #0B0E06, #040001)
• Wandering Lantern color palette (#D6F0E3, #57945E, #00717A, #522200, #010200)
• Tempered Forest color palette (#F6EBCA, #6E7400, #05530E, #003021, #000D0D)
• Chalky Bronze Delta color palette (#EBDED0, #937C00, #4E6200, #053F07, #001D16)

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