Cocoa Basin color palette — #FCF3EB · #DBD0B4 · #9D9F76 · #728273 · #5F4A00

Bronze and Taupe set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FCF3EB): bright and airy, almost weightless.
• Wheat (#DBD0B4): A whisper-light, dusty gold — the color of honey in a jar.
• Taupe (#9D9F76): A luminous, dusty green — the color of fresh herbs.
• Driftwood (#728273): A full-bodied, dusty green — the color of fresh herbs.
• Bronze (#5F4A00): A full-bodied, balanced gold — the color of old brass.

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

• Washed Stone color palette (#FEF1F6, #C4E5F2, #9CB891, #6F8B94, #384B41)
• Muted Bloom color palette (#EEF8F1, #AAC9BC, #728A61, #486E6F, #3A534A)
• Powder Archive color palette (#FAF4EE, #C5DFEE, #9EB0DD, #71906F, #664856)
• Muted Sky Archive color palette (#E2FCF3, #7BB8E9, #BDA066, #8A9162, #314841)
• Powdered Fern color palette (#F2DED3, #B48A42, #616600, #50366F, #271700)
• Softworn Parlor color palette (#FBF5E1, #9CBF9E, #2F9283, #3D6E60, #343A00)
• Washed Cerulean color palette (#FBF2FC, #9BC9FA, #D4A782, #6290C1, #524C46)
• Airy Boulevard color palette (#F8E9D6, #ACB163, #228F37, #813F72, #2F3100)

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