Cocoa Hollow color palette — #FFF3E8 · #B58460 · #6E8764 · #794E72 · #5B3100

Cocoa takes the lead with Caramel close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Caramel (#B58460): A luminous, dusty gold — the color of old brass.
• Fern (#6E8764): A full-bodied, dusty green — the color of fresh herbs.
• Graphite (#794E72): A full-bodied, dusty pink — the color of neon signs at night.
• Cocoa (#5B3100): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Creativity, Warmth, Comfort. Tagged muted, warm.

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

• Patina Field color palette (#FFF2EF, #B97C89, #907D4C, #5C5A81, #4A3835)
• Hushed Cocoa Workshop color palette (#FFF3E9, #B58463, #6E8862, #306C56, #5C3100)
• Hushed Chapel color palette (#FBF5E2, #8A842C, #985B75, #7E3C3B, #35332C)
• Tempered Terrace color palette (#FAF0E3, #AF8F59, #479285, #4B5A92, #2D200E)
• Patina Chapel color palette (#F7F6E5, #849966, #418B96, #386483, #443E00)
• Washed Bronze color palette (#F8F5EE, #D8DAD3, #A3B0AE, #9E7C39, #57524A)
• Hushed Bronze color palette (#FAF4ED, #DBBA8B, #79844B, #8A652A, #2F2E27)
• Olive Orchard color palette (#F5EEDA, #7D7200, #007167, #702B2C, #312501)

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