Cocoa Basin color palette — #FEEFDC · #B0AF7C · #8A7047 · #733B0E · #242413

Bronze takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FEEFDC): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#B0AF7C): A luminous, dusty green — the color of a quiet forest floor.
• Walnut (#8A7047): A full-bodied, dusty gold — the color of honey in a jar.
• Bronze (#733B0E): A full-bodied, balanced gold — the color of old brass.
• Onyx (#242413): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Bronze Delta color palette (#FFE4CA, #B89D4C, #9B5800, #6F2A23, #191F00)
• Aged Taupe color palette (#FFF3E2, #B6A678, #856F46, #674C27, #403D36)
• Driftwood Bloom color palette (#EDE1D3, #94882D, #754B00, #4F2112, #100F00)
• Tempered Canyon color palette (#EAFAEC, #ECDDA0, #B49A6D, #865D6D, #1E382D)
• Cornflower Coast color palette (#FBEDFA, #5584DC, #81771B, #595421, #241323)
• Olive Veranda color palette (#FBEED5, #647D12, #514200, #371A00, #000802)
• Patina Studio color palette (#FDEDF3, #8A6BE2, #7C6000, #4C3A00, #0A1706)
• Mustard Veranda color palette (#F9EEF7, #CFAF69, #3E5383, #331F31, #130812)

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