Cocoa Garden color palette — #FBEEF5 · #BBB678 · #7E4224 · #401C08 · #15070F

Built around Bronze, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Blush (#FBEEF5): bright and airy, almost weightless.
• Sage (#BBB678): A luminous, balanced green — the color of fresh herbs.
• Bronze (#7E4224): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#401C08): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Ink (#15070F): A deep, shadowed, dusty rose — the color of strawberry cream.

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

• Aged Chestnut color palette (#EBF5ED, #CAB07C, #6B5001, #0E2F19, #050F07)
• Tempered Mulberry color palette (#F5EFF9, #9CBF92, #793E5D, #301E3D, #0F0A13)
• Mustard Loft color palette (#FFF2EA, #CFC77C, #9F5F42, #48413C, #291F19)
• Weathered Amber color palette (#E2EFE2, #B49000, #563700, #211200, #000400)
• Ancient Terracotta color palette (#F9EEF4, #E79F81, #008874, #A24312, #021113)
• Dusty Archive color palette (#EEF3EF, #CDDCDD, #ADC1CA, #8E6F36, #272E28)
• Pale Pine Summit color palette (#FFECF5, #C6904C, #2D7E3B, #503A6A, #0F291C)
• Powdered Olive Parlor color palette (#FFE0F1, #CFAB6B, #778600, #005A2B, #002826)

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