Cocoa Hollow color palette — #F7E7EC · #BC9763 · #996527 · #753C00 · #0C2B15

A conversation between Bronze and Ochre, giving this palette its sense of nature and growth.

The five colors

• Blush (#F7E7EC): bright and airy, almost weightless.
• Camel (#BC9763): A luminous, balanced gold — the color of honey in a jar.
• Ochre (#996527): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#753C00): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#0C2B15): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Hollow 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 color palette (#CCE8D7, #A4A264, #837200, #604A00, #232700)
• Worn Garnet Garden color palette (#FBE1F0, #C7906E, #AA5730, #8C1F00, #381C00)
• Wandering Garnet color palette (#FFE8F0, #A28338, #7B4800, #621B00, #052B1E)
• Aged Marigold Orchard color palette (#FFF3E6, #D9A960, #9D6A2D, #673911, #1B1000)
• Bronze Balcony color palette (#E0F5E4, #C5B47A, #A97F00, #825600, #3D3600)
• Terracotta Courtyard color palette (#F5E3EE, #A76D4E, #8D2F00, #600500, #160700)
• Pale Market color palette (#C6E4EA, #009487, #A06100, #5E5300, #00201C)
• Muted Bronze color palette (#D7E3D7, #8D6814, #5F3D00, #371D00, #050300)

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