Cocoa Garden color palette — #FEF3EC · #DEE3CB · #B47454 · #6B3602 · #221913
A conversation between Bronze and Caramel, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FEF3EC): a clean, paper-quiet neutral.
- Celadon Mist (#DEE3CB): A whisper-light, dusty green — the color of a quiet forest floor.
- Caramel (#B47454): A luminous, balanced orange — the color of sun-warmed clay.
- Bronze (#6B3602): A deep, shadowed, balanced gold — the color of honey in a jar.
- Ink (#221913): a grounded near-black with real depth.
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
- Marigold Loft color palette (#F4EEDD, #C79B30, #443D00, #1D2725, #090800)
- Olive Coast color palette (#F9F5E7, #FDE2AC, #777C28, #393B13, #120F06)
- Dusty Bronze Thicket color palette (#FCF3EE, #E3E2A9, #C78E80, #995B38, #312A26)
- Timeworn Balcony color palette (#FAEEF5, #A5CFB6, #825442, #412738, #191116)
- Weathered Mint color palette (#F9F4EF, #E1DCCF, #91BD7A, #C38C5D, #1F1F12)
- Wandering Alley color palette (#FBF4E9, #EECB81, #796000, #322600, #060300)
- Softworn Turquoise Drift color palette (#FBF4ED, #D6A66B, #00A8B9, #625E92, #362622)
- Timeworn Turquoise color palette (#FFF3E9, #F3B389, #5BBFCD, #6E81AD, #36302C)
Browse the whole catalog at Explore, or see today's palette.