Cocoa Hollow color palette — #FFF0F8 · #E7CEFF · #D99DCB · #B97E93 · #783A20

A conversation between Bronze and Mauve, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Thistle (#E7CEFF): A whisper-light, dusty violet — the color of a velvet chair.
• Mauve (#D99DCB): A luminous, balanced pink — the color of neon signs at night.
• Dusty Rose (#B97E93): A luminous, dusty rose — the color of strawberry cream.
• Bronze (#783A20): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Creativity, Warmth, Comfort, Softness, Clarity. Tagged light, muted, warm.

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

• Stone Drift color palette (#FFF1F0, #FFD0E3, #E0A6BE, #B07789, #562C39)
• Weathered Stone Alley color palette (#FFF1F2, #FFC9DA, #F0A29C, #B57F62, #6E4400)
• Seafoam Hollow color palette (#FFF1F2, #F4C3E9, #8ADABD, #C994BF, #4B4E48)
• Washed Study color palette (#DAFFEF, #C1D7FF, #ABB0EF, #A280B0, #6D484A)
• Aged Ash Alley color palette (#F4F4FF, #D9B1E5, #BD87B0, #95637F, #5D4A64)
• Coral Drift color palette (#EFE0EE, #F694C0, #E47072, #B25C3B, #553000)
• Ancient Peony color palette (#ECF1FF, #C4A3DA, #AE649B, #884960, #473246)
• Blush Veranda color palette (#E9DBF9, #FF95ED, #F866A5, #D64B54, #6A2503)

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