Cocoa Hollow color palette — #E8F6EB · #96B4A2 · #897140 · #694214 · #0A291F

Bronze takes the lead with Walnut close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#E8F6EB): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#96B4A2): A luminous, dusty teal — the color of sea glass.
• Walnut (#897140): A full-bodied, dusty gold — the color of old brass.
• Bronze (#694214): A full-bodied, balanced gold — the color of old brass.
• Deep Forest (#0A291F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Cocoa Pier color palette (#FFECF5, #C69FAC, #9B6746, #753729, #162819)
• Softworn Chestnut color palette (#D5E5D9, #77A48E, #77621F, #563600, #001E16)
• Bronze Study color palette (#FCF4E7, #A9AB7B, #8F6C24, #72452D, #3F4100)
• Wandering Taupe color palette (#EDF9EE, #C2E7D6, #B89960, #8E5D44, #113934)
• Timeworn Amber color palette (#FFF3E2, #CCBC97, #AD893D, #8D5D24, #3F3D36)
• Weathered Quarry color palette (#FDEDF5, #D0B1BD, #9D758B, #6C4C66, #213122)
• Aged Basalt color palette (#D7E5DD, #6E7743, #4C4500, #2E2000, #020700)
• Iris Studio color palette (#ECF2FF, #7380C9, #A06623, #475B00, #10192E)

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