Cocoa Garden color palette — #DFE3CB · #84C2C6 · #7D8BB3 · #7D6339 · #603F00

A conversation between Bronze and Walnut, giving this palette its sense of trust and stability.

The five colors

• Celadon Mist (#DFE3CB): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#84C2C6): A luminous, dusty blue — the color of deep harbor water.
• Slate Blue (#7D8BB3): A luminous, dusty violet — the color of twilight just after sunset.
• Walnut (#7D6339): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#603F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Softworn Bronze Quarry color palette (#F2E2C0, #93BFA2, #7F9E8B, #995B39, #6F3510)
• Timeworn Basalt Quarry color palette (#D7E9C8, #97BEAC, #AD8595, #547856, #404700)
• Worn Bloom color palette (#DCF3FB, #89ACC2, #697E9D, #764949, #5C361C)
• Wandering Cocoa color palette (#D9F4DB, #A7D0BE, #90A3D2, #A3776A, #5F3400)
• Periwinkle Cabin color palette (#D6FFF8, #A0E3E4, #8296CB, #846A3F, #27412A)
• Worn Fern Harbor color palette (#CFF0DA, #79C0D4, #8178C0, #3B6F21, #004E2A)
• Aged Lagoon color palette (#E1F4FF, #BBB6EF, #B18480, #4F8056, #4D4E47)
• Aged Driftwood color palette (#E1FEE9, #E2D0DD, #BD9B9F, #8D853C, #5B5200)

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