Cocoa Garden color palette — #FAF4EA · #C8DECB · #948555 · #5B4100 · #1F1B12

A conversation between Bronze and Mocha, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FAF4EA): bright and airy, almost weightless.
• Celadon Mist (#C8DECB): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#948555): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#5B4100): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#1F1B12): quiet, heavy and certain.

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 Courtyard color palette (#F3F8E7, #C6EBC2, #4F845E, #1B4228, #0E1103)
• Ancient Studio color palette (#F9F5EC, #F3DAB6, #AC9E6B, #786D43, #2F2B22)
• Hushed Taupe color palette (#EEF1DB, #ABA745, #0A4906, #182324, #010B00)
• Ancient Stone color palette (#F8F5EA, #C8C886, #73BEB7, #AC6F68, #34322B)
• Wandering Chestnut color palette (#EBF5EE, #D9C091, #716019, #183926, #0E1611)
• Lowlit Bronze Courtyard color palette (#EEE8D9, #947700, #201C00, #0B0C06, #010100)
• Wandering Workshop color palette (#F9F6E1, #CDBC66, #485906, #151B00, #010100)
• Patina Cabin color palette (#FAF6E1, #BEEBBE, #77B099, #507892, #3A4500)

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