Cocoa Hollow color palette — #FEF2ED · #D0BF94 · #814E46 · #5E2401 · #2B2419

Built around Espresso, softened by Coffee — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FEF2ED): a clean, paper-quiet neutral.
• Sand (#D0BF94): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#814E46): A full-bodied, dusty orange — the color of toasted spice.
• Espresso (#5E2401): A deep, shadowed, balanced orange — the color of autumn markets.
• Onyx (#2B2419): 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

• Ancient Chestnut color palette (#FAF4EC, #D2BE93, #75591C, #3C3832, #26271E)
• Washed Cocoa Terrace color palette (#FFF2EA, #F4C895, #A2705B, #743C10, #322924)
• Dusty Olive color palette (#FAF4F0, #ECB09C, #6F8839, #9B5943, #2F2E24)
• Aged Taupe Canyon color palette (#FDF1F9, #C6E8CD, #C39082, #7E6476, #31282E)
• Timeworn Marigold Pier color palette (#FFF3E9, #C09F06, #703600, #3E1B00, #1A1300)
• Amber Harbor color palette (#EBDBCB, #AB8700, #4E2D00, #231100, #070500)
• Bronze Archive color palette (#EEEBDA, #906200, #1E292D, #1B2000, #040500)
• Worn Olive Parlor color palette (#FFF3E5, #D09B69, #6C8137, #57537E, #4B4741)

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