Cocoa Garden color palette — #F3EDE4 · #D5D0BE · #A9A88C · #614900 · #040200

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

The five colors

• Cream (#F3EDE4): bright and airy, almost weightless.
• Oat (#D5D0BE): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A9A88C): A luminous, dusty green — the color of fresh herbs.
• Bronze (#614900): A full-bodied, balanced gold — the color of old brass.
• Ink (#040200): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Tempered Basalt color palette (#E0DFD4, #BBBCAC, #8D967C, #364200, #020100)
• Wandering Workshop color palette (#D9E1DB, #99AFA4, #5A8A7E, #473400, #06180C)
• Lagoon Delta color palette (#E1E3CC, #5D9E7B, #005B4C, #3F2400, #000201)
• Weathered Canyon color palette (#F3F7EF, #CCDED7, #AAC2AE, #00714F, #090F01)
• Softworn Bronze Field color palette (#EAE3DA, #ABB59F, #6AABA2, #966700, #1B1206)
• Inked Balcony color palette (#E6E2CC, #4B545A, #4C5300, #0D1715, #010800)
• Pale Navy color palette (#EAE9CB, #8E8D63, #006C51, #28156B, #190122)
• Chalky Loft color palette (#EDDEBF, #8D7400, #284E00, #00075B, #010100)

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