Cocoa Hollow color palette — #F9EEF5 · #CDAF70 · #823F2B · #361E2F · #140810

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

The five colors

• Blush (#F9EEF5): a clean, paper-quiet neutral.
• Camel (#CDAF70): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#823F2B): A full-bodied, balanced orange — the color of autumn markets.
• Onyx (#361E2F): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#140810): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Stone Veranda color palette (#FCEEF2, #DDBF81, #7C5461, #3E2A31, #191114)
• Mustard Loft color palette (#E9F6EB, #CFAF69, #6C5000, #102F19, #070F09)
• Hushed Cocoa Lantern color palette (#FEF2EB, #E1BD95, #946450, #683100, #2B1F17)
• Hushed Apricot Thicket color palette (#FAEEF4, #F19C69, #7C7929, #8F532E, #05110B)
• Ancient Harbor color palette (#EBD9E0, #BB8C00, #5E3100, #250F00, #090003)
• Hushed Straw color palette (#FEF0FD, #E6ED9F, #9C6564, #453044, #150C14)
• Washed Bronze color palette (#EEF4ED, #CBDDDB, #ACC3C4, #8B6F4C, #262F26)
• Faded Alley color palette (#E5F8E8, #C99018, #657325, #1D4971, #13281B)

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