Cocoa Hollow color palette — #FDF3EC · #DEE0CC · #A67B63 · #6B3700 · #241810

Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Bone (#DEE0CC): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#A67B63): A luminous, dusty gold — the color of old brass.
• Bronze (#6B3700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#241810): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Olive Workshop color palette (#F8F5EA, #FEE2A9, #747C40, #3A3832, #130F01)
• Weathered Taupe color palette (#FCF3EE, #E9DEB9, #C5907A, #8B6251, #36281F)
• Dusty Marigold Loft color palette (#F6EED7, #C69B32, #423D00, #1D2726, #090800)
• Washed Corridor color palette (#F9EEF4, #C6C79A, #89503B, #432639, #181116)
• Muted Basalt color palette (#FFF4E2, #EEDCA6, #91AC7C, #856783, #4D3D00)
• Charred Pier color palette (#F5E8DD, #9A7300, #2C1400, #0E0C05, #030100)
• Patina Archive color palette (#FFF3E3, #DAB567, #684B00, #221600, #020100)
• Timeworn Stone color palette (#FDF3EB, #F2B487, #6FBCCA, #737FAD, #36302B)

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