Cocoa Garden color palette — #FDEFE8 · #C8B07F · #7F4033 · #43180F · #180702

A conversation between Coffee and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FDEFE8): a clean, paper-quiet neutral.
• Camel (#C8B07F): A luminous, dusty gold — the color of old brass.
• Coffee (#7F4033): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#43180F): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#180702): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Ancient Courtyard color palette (#F7F0EA, #D5C09E, #7A5A39, #35302B, #19120B)
• Tempered Station color palette (#FCF1FB, #A7B776, #872F33, #4A1E1F, #291D28)
• Marigold Basin color palette (#FDF0DA, #C9A147, #5F4900, #2A1F00, #0D0600)
• Rust Garden color palette (#FBF2F8, #DAC18E, #AD5341, #62342A, #271E25)
• Antique Terracotta color palette (#F7F0EC, #DCA58A, #827700, #A24400, #140D00)
• Olive Workshop color palette (#FBF0DF, #BF9356, #69721F, #004A78, #2D2007)
• Sunlit Bronze color palette (#FFEEE2, #D3AF76, #917C03, #424C00, #102B00)
• Timeworn Amber Field color palette (#E5DECC, #AD872F, #423900, #161200, #030100)

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