Cocoa Bloom color palette — #D8EAD9 · #624300 · #003132 · #2D0009 · #0D0600

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

The five colors

• Honeydew (#D8EAD9): A whisper-light, dusty green — the color of a quiet forest floor.
• Bronze (#624300): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#003132): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#2D0009): A deep, shadowed, dusty red — the color of late-summer berries.
• Ink (#0D0600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: 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

• Velvet Delta color palette (#D7F0D7, #644200, #0A3400, #23002D, #0D0600)
• Smoked Cocoa Veranda color palette (#FBE8F1, #753500, #002E42, #1D0037, #0E000B)
• Fern Quarry color palette (#E0E0CA, #2F5500, #002F3C, #1C002B, #040000)
• Abyss Summit color palette (#D9F5FB, #005650, #003039, #001622, #100400)
• Abyss Station color palette (#C6E7E3, #01470D, #403433, #162128, #000B0A)
• Pine Bloom color palette (#E8EFD1, #008243, #004D3D, #002729, #040E1E)
• Weathered Olive color palette (#DEEDE1, #637335, #004324, #2E1F00, #0D1200)
• Hushed Alley color palette (#F3E3C5, #57795D, #255111, #4D0023, #251400)

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