Cocoa Hollow color palette — #FFF2ED · #E0D9CE · #AEBDCA · #B0837A · #7F4222
Built around Bronze, softened by Caramel — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Bone (#E0D9CE): a clean, paper-quiet neutral.
- Ash (#AEBDCA): A luminous, dusty blue — the color of open sky before noon.
- Caramel (#B0837A): A luminous, dusty orange — the color of toasted spice.
- Bronze (#7F4222): A full-bodied, balanced orange — the color of sun-warmed clay.
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
- Driftwood Ridge color palette (#FFF1F2, #E2D7D1, #CBBF99, #A3757F, #5E4C4C)
- Bronze Thicket color palette (#FCF4E9, #C6B59B, #A2773A, #805215, #5C4300)
- Aged Terracotta Study color palette (#FFF2E8, #E5B37E, #B0914D, #873E20, #482803)
- Driftwood Orchard color palette (#FAF4EE, #D9BB91, #818144, #896632, #302E27)
- Timeworn Garnet color palette (#F9E5DB, #C58C73, #9C5F14, #5A0010, #1A0300)
- Timeworn Olive Atelier color palette (#ECE7CD, #ADB071, #648636, #583F00, #1B1900)
- Amber Dune color palette (#FFF3E8, #BC8155, #6D8861, #78506E, #5B3100)
- Aged Workshop color palette (#FFF4D1, #CDE096, #76B75F, #766200, #39420B)
Browse the whole catalog at Explore, or see today's palette.