Cocoa Hollow color palette — #FFF4E0 · #CF969D · #897448 · #435A7E · #6F360D

A conversation between Bronze and Rosewood Mist, giving this palette its sense of trust and stability.

The five colors

• Cream (#FFF4E0): A whisper-light, dusty gold — the color of old brass.
• Rosewood Mist (#CF969D): A luminous, dusty red — the color of embers at dusk.
• Walnut (#897448): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Peacock (#435A7E): A full-bodied, dusty blue — the color of deep harbor water.
• Bronze (#6F360D): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged retro, 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

• Cocoa Workshop color palette (#FFF3E9, #C99E74, #5E8258, #5F507D, #5C4300)
• Tempered Ash Courtyard color palette (#F7F6E6, #BD98C9, #9D675B, #236372, #584141)
• Patina Parlor color palette (#FEF2F0, #C7818C, #437D6E, #474F7F, #56364E)
• Denim Delta color palette (#EAF5EC, #D29D88, #8B7549, #005D6B, #3A252E)
• Muted Study color palette (#FDF4E7, #E0B29F, #A78F5F, #0B7C8F, #693B00)
• Basalt Hollow color palette (#FFF2EE, #D9C4B2, #95947C, #7C6B76, #62494C)
• Wandering Ash Villa color palette (#FBF3EF, #C8EAE6, #779EBD, #487A67, #614A5C)
• Faded Ember color palette (#FFF3E3, #D66645, #616600, #353B87, #4C2D08)

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