Cocoa Hollow color palette — #FAF4EE · #DCDBD1 · #AAB8AB · #D29F7D · #6B3A00

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

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Bone (#DCDBD1): a clean, paper-quiet neutral.
• Ash (#AAB8AB): A luminous, dusty green — the color of new leaves after rain.
• Camel (#D29F7D): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#6B3A00): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Taupe Boulevard color palette (#F7F5EE, #D4DED1, #94BAC1, #A8AA5D, #4D3E00)
• Tempered Field color palette (#FAF3F6, #CED9DB, #B6B3BD, #CF8B66, #493A42)
• Dusty Ridge color palette (#F9F5EE, #D8DBD3, #A8B6B0, #6C6A74, #575248)
• Basalt Thicket color palette (#FFF3E6, #CCD5B4, #B6B69E, #9D869E, #634556)
• Tempered Field color palette (#FFF4E2, #F5B985, #AEA76D, #538AA6, #543600)
• Ancient Marigold color palette (#EEE3D3, #CDA34E, #836E24, #634300, #1D1712)
• Chestnut Pier color palette (#E4E0D6, #9CA396, #7A9278, #726300, #0E0800)
• Worn Study color palette (#F7EFF3, #CBD6D8, #A6C2BF, #9E653D, #312A2D)

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