Cocoa Hollow color palette — #FFF2EA · #E8AE67 · #843600 · #2D0D00 · #030100

Rust and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Sand (#E8AE67): A luminous, balanced gold — the color of old brass.
• Rust (#843600): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#2D0D00): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#030100): a grounded near-black with real depth.

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

• Timeworn Chestnut color palette (#FDF3EC, #F3C88E, #954E00, #3F1E01, #080200)
• Mulberry Cabin color palette (#FFF2EF, #FCA264, #911546, #340014, #040000)
• Weathered Mustard color palette (#FFF4DD, #EEBC04, #685700, #251E00, #020100)
• Antique Mustard color palette (#F0D8CC, #D4B724, #B05F4B, #6B392C, #140803)
• Tempered Studio color palette (#FEEAD6, #D09626, #573200, #1D2621, #0F0500)
• Marigold Study color palette (#FDF3EA, #FAA63F, #887600, #8C5500, #020100)
• Washed Garnet color palette (#EBDAD2, #8C9343, #670E03, #310200, #0D0600)
• Bronze Lantern color palette (#FBF4EB, #FFE1AB, #946E33, #4D3302, #140E07)

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