Cocoa Hollow color palette — #EDE7EB · #D8C5CF · #BB99A7 · #833E2A · #1B1319

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

The five colors

• Blush (#EDE7EB): a clean, paper-quiet neutral.
• Oat (#D8C5CF): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#BB99A7): A luminous, dusty rose — the color of a warm blush.
• Rust (#833E2A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Ink (#1B1319): quiet, heavy and certain.

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 Lantern color palette (#EEE7E9, #C4CFC5, #8EAC97, #774900, #1D1216)
• Bronze Market color palette (#F7ECE7, #E4D4CA, #CAB39E, #A75843, #362B25)
• Softworn Pier color palette (#ECE4D6, #978E61, #5E652A, #00463B, #002324)
• Weathered Villa color palette (#DBE5DC, #95A499, #5D8671, #483100, #010601)
• Tempered Fern Harbor color palette (#D9E6DC, #9A8F4D, #595900, #5A2907, #00170B)
• Quiet Amber Orchard color palette (#FFE2F0, #FF8E70, #E97400, #956600, #1B0A00)
• Velvet Chestnut color palette (#F3D9E3, #7C4500, #261600, #100006, #010200)
• Softworn Bronze color palette (#D5E3D7, #B55D00, #664500, #003712, #190A00)

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