Cocoa Hollow color palette — #F5D7E3 · #A56E78 · #7E413A · #3C2D00 · #100F00

Coffee takes the lead with Mocha close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Shell Pink (#F5D7E3): A whisper-light, dusty rose — the color of pressed rose petals.
• Mocha (#A56E78): A full-bodied, dusty red — the color of embers at dusk.
• Coffee (#7E413A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3C2D00): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#100F00): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, Sophistication. Tagged vintage, 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 Studio color palette (#F0DAD5, #A46945, #704500, #1B3300, #001706)
• Mulberry Dune color palette (#DBDBFB, #946195, #793961, #491E00, #1E0E00)
• Ancient Blush Cabin color palette (#FCDEF5, #CA789B, #965F65, #623E00, #302500)
• Ancient Orchard color palette (#E1DEF5, #AE73A7, #8B453C, #00443E, #002A33)
• Tempered Chestnut color palette (#EEE1D8, #AE8A5B, #746026, #0F4426, #002528)
• Worn Bronze Delta color palette (#FFE2E4, #E27D6C, #A54F0A, #404400, #172A00)
• Weathered Chapel color palette (#FFEAEA, #C84855, #8C0028, #37000A, #040000)
• Plum Atelier color palette (#EDDFEE, #B6334F, #5D5C00, #690022, #090800)

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