Cocoa Basin color palette — #FBF3EE · #E5CEA6 · #93A375 · #8B777F · #654700

Built around Bronze, softened by Moss — the whole palette hums with nature and growth.

The five colors

• Ivory (#FBF3EE): bright and airy, almost weightless.
• Wheat (#E5CEA6): A whisper-light, dusty gold — the color of old brass.
• Moss (#93A375): A luminous, dusty green — the color of new leaves after rain.
• Driftwood (#8B777F): A full-bodied, dusty rose — the color of strawberry cream.
• Bronze (#654700): A full-bodied, balanced gold — the color of afternoon light on wheat.

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

• Softworn Fern color palette (#F9F5EA, #E5DEC2, #ADBD90, #8DA183, #5B4C00)
• Fern Garden color palette (#F8F6E7, #9DD3AF, #4E9F9A, #866A65, #3B4900)
• Hushed Stone Terrace color palette (#FDF1F6, #C4E1E9, #8CBAA9, #7287A7, #384C3E)
• Aged Driftwood Boulevard color palette (#ECF9F1, #ACC8BC, #7B875E, #4F6C6F, #40524A)
• Weathered Terrace color palette (#FAF4EE, #C4E0F0, #9EB1DA, #768E72, #624B56)
• Weathered Mallow Corridor color palette (#FFF1F7, #C9B7FE, #9DBC89, #9082B9, #4D4E46)
• Mustard Field color palette (#FFF3E5, #BFC260, #569858, #7A5D80, #3C3B34)
• Wandering Canyon color palette (#FFF1F6, #BE9FF2, #82B47D, #5A9A88, #503C44)

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