Cocoa Hollow color palette — #FFF2ED · #E0D9CE · #E0ACB3 · #93B9AF · #7B3E21

A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0D9CE): a clean, paper-quiet neutral.
• Rosewood Mist (#E0ACB3): A luminous, dusty red — the color of late-summer berries.
• Ash (#93B9AF): A luminous, dusty teal — the color of sea glass.
• Bronze (#7B3E21): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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

• Wandering Chestnut color palette (#FFF3E7, #DCDCCA, #BACAD7, #DAAB90, #744902)
• Tempered Ash Chapel color palette (#FBF1FE, #E9D6D9, #AAC2D8, #BE9EBE, #584C56)
• Timeworn Periwinkle color palette (#FFF1F1, #E7B0C9, #8BBEDA, #7E97D8, #4C3736)
• Hushed Boulevard color palette (#FAF4EF, #F2D9BD, #BD947C, #955E2F, #332921)
• Aged Brick Workshop color palette (#F1DFD7, #D79880, #D27D29, #B53949, #240400)
• Softworn Lime color palette (#F4ECDB, #C1BF80, #98B75B, #946A00, #201D00)
• Hushed Lichen Workshop color palette (#FBEDFA, #EFF5C3, #D9D6C7, #957C9A, #3F343D)
• Weathered Straw color palette (#FFD7F2, #DDE57D, #FFC5A7, #895224, #532900)

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