Cocoa Garden color palette — #FFE4F0 · #6B3400 · #2E1C14 · #170A00 · #060002

Built around Bronze, softened by Ink — the whole palette hums with optimism and sophistication.

The five colors

• Blush (#FFE4F0): A whisper-light, dusty rose — the color of pressed rose petals.
• Bronze (#6B3400): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#2E1C14): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#170A00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#060002): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Cocoa Garden 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

• Cocoa Lantern color palette (#DCEADF, #584100, #102225, #110D00, #000301)
• Hushed Bronze Meadow color palette (#F8DDC2, #8D5C00, #5D4000, #332500, #110C00)
• Lowlit Workshop color palette (#EFE4F2, #820037, #2D2518, #220003, #040006)
• Aged Amber Garden color palette (#F6D5E0, #BD7200, #5C3F00, #3C1928, #190D13)
• Ancient Grove color palette (#E1EFE3, #886100, #9B0072, #4A3300, #11000A)
• Antique Corridor color palette (#DDF5F4, #2C866B, #005146, #3A2700, #000805)
• Fern Balcony color palette (#E4E6D6, #595D00, #005A4E, #652800, #020200)
• Patina Bronze color palette (#D9EADD, #9F7A00, #234936, #16261A, #090F0A)

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