Cocoa Hollow color palette — #EDE7ED · #D6C6D2 · #B69BA9 · #7A414C · #1C111E

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

The five colors

• Blush (#EDE7ED): a clean, paper-quiet neutral.
• Oat (#D6C6D2): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#B69BA9): A luminous, dusty rose — the color of pressed rose petals.
• Coffee (#7A414C): A full-bodied, dusty red — the color of embers at dusk.
• Ink (#1C111E): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Sophistication. Tagged scandi, muted, light.

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

• Chestnut Parlor color palette (#F2E5EA, #BED2BF, #93AA9C, #7E440C, #201018)
• Weathered Mulberry color palette (#F6ECEA, #D7C9C2, #B19C89, #84374C, #3C2825)
• Hushed Garnet color palette (#E6DCE4, #BFADB6, #80947E, #7A1D10, #10080E)
• Pewter Alley color palette (#F7EFF4, #E0D4D3, #B0C6C1, #956957, #31292E)
• Wandering Amber color palette (#F5E4F2, #BF7A4C, #73643B, #1F424D, #001C31)
• Soft Ember color palette (#FFE8FA, #FF87B8, #F1522F, #955D00, #1E0600)
• Worn Hollow color palette (#E7F3E9, #799587, #50736A, #362700, #000200)
• Patina Emerald color palette (#D2F2EA, #44A461, #00654C, #42314D, #001615)

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