Cocoa Hollow color palette — #F9F5ED · #E2CEB0 · #907B46 · #654700 · #312A20

A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#F9F5ED): bright and airy, almost weightless.
• Wheat (#E2CEB0): A whisper-light, dusty gold — the color of old brass.
• Walnut (#907B46): A full-bodied, dusty gold — the color of old brass.
• Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#312A20): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Washed Driftwood Alley color palette (#EEF8F0, #C9DBCA, #968458, #384C3D, #151E17)
• Ancient Bronze color palette (#FBF4E9, #F7DB9E, #B19C6C, #896622, #2F2B22)
• Amber Drift color palette (#F8F5EF, #E2D09D, #5BAAAD, #A6892F, #253126)
• Cypress Bloom color palette (#F3F7EB, #E4BB9A, #418062, #114F35, #1F2318)
• Bronze Ridge color palette (#EEE7D5, #976C05, #322C00, #18211C, #080600)
• Aged Parlor color palette (#E1DFCD, #CA9B5D, #485F00, #212E00, #0E0B00)
• Muted Pewter color palette (#FFF2EA, #BDC390, #67A08D, #98567B, #4B4B00)
• Tempered Taupe color palette (#F6F5EF, #D6DCD6, #A6B8B8, #94A465, #545349)

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