Cocoa Hollow color palette — #F8EBE2 · #AF7B45 · #834020 · #5D1E24 · #2F2200

Bronze and Caramel set the tone — five colors that lean into optimism and warmth.

The five colors

• Cream (#F8EBE2): a clean, paper-quiet neutral.
• Caramel (#AF7B45): A luminous, balanced gold — the color of afternoon light on wheat.
• Bronze (#834020): A full-bodied, balanced orange — the color of autumn markets.
• Oxblood (#5D1E24): A deep, shadowed, balanced red — the color of embers at dusk.
• Onyx (#2F2200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Balance, 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

• Wandering Cocoa Coast color palette (#F7E4D5, #AC926C, #845838, #693129, #33302A)
• Timeworn Veranda color palette (#EED8E4, #AA7A5B, #883B0D, #5B1400, #1F0310)
• Washed Cocoa color palette (#FDEDDC, #8B7336, #643A00, #491400, #171700)
• Moss Courtyard color palette (#EBDDBA, #83974D, #685C00, #533500, #033305)
• Ancient Chapel color palette (#FBE9F3, #D6A877, #CC7349, #A54B4F, #112A1A)
• Timeworn Courtyard color palette (#FFF2EB, #CDB299, #AD6F49, #73564D, #604100)
• Aged Boulevard color palette (#D5E5C3, #007456, #813160, #610F44, #121F00)
• Dusty Amber Lagoon color palette (#D8E2CE, #BD7B42, #00402F, #001C12, #000903)

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