Cocoa Garden color palette — #E8DED8 · #C6B6A7 · #998C78 · #722B03 · #2C1B0F

A conversation between Rust and Onyx, giving this palette its sense of optimism and sophistication.

The five colors

• Bone (#E8DED8): a clean, paper-quiet neutral.
• Stone (#C6B6A7): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#998C78): A luminous, dusty gold — the color of afternoon light on wheat.
• Rust (#722B03): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2C1B0F): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Bronze Studio color palette (#EEE4DA, #B3A795, #947D35, #512E00, #200F00)
• Wandering Field color palette (#E5DCE2, #BEC7BE, #8EADA0, #A73300, #281A23)
• Hushed Chestnut color palette (#FDF4E8, #D9D2C1, #AEA787, #795200, #37322C)
• Tempered Fern color palette (#F1E9D8, #77813B, #295000, #521715, #1A1D00)
• Aged Bronze color palette (#FAF4EE, #DBDBD2, #BEC1B1, #926A4F, #4E4640)
• Coral Garden color palette (#F8D9BB, #FA6648, #AE6400, #605A00, #1E1200)
• Timeworn Onyx Basin color palette (#F9DBC5, #927F54, #625700, #003E5C, #1F2057)
• Chestnut Bloom color palette (#EBDDC2, #9F4A00, #4B3B00, #002934, #231100)

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