Cocoa Basin color palette — #FEF4E4 · #ACAB70 · #837044 · #754407 · #433F00

A conversation between Bronze and Sage, giving this palette its sense of nature and growth.

The five colors

• Cream (#FEF4E4): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ACAB70): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#837044): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#754407): A full-bodied, balanced gold — the color of old brass.
• Deep Olive (#433F00): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Basin 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

• Hushed Bronze color palette (#FFF2EB, #C89D7B, #9B614F, #694840, #533700)
• Hushed Taupe color palette (#F4E6CC, #959D60, #746225, #5E3B11, #30312A)
• Hushed Bronze Atelier color palette (#EDF9EF, #B1DCC5, #BFAA79, #AD7D43, #20453A)
• Ancient Driftwood Bloom color palette (#E9FBEC, #A1C8B8, #759A7D, #815C70, #264340)
• Quiet Atelier color palette (#FFF0F9, #6F70E5, #7F7129, #5F5312, #3E2D38)
• Timeworn Quarry color palette (#E7E6D2, #648226, #4D4700, #372400, #151800)
• Terracotta Ridge color palette (#FFD3C4, #CE7300, #9E3000, #700D29, #372500)
• Deep Chestnut Thicket color palette (#FAE2CF, #745300, #442200, #260300, #040300)

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