Cocoa Canyon color palette — #FBF4EF · #DBDBD2 · #A9B6AD · #CEA086 · #6C3801

A conversation between Bronze and Camel, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FBF4EF): bright and airy, almost weightless.
• Bone (#DBDBD2): a clean, paper-quiet neutral.
• Ash (#A9B6AD): soft and architectural.
• Camel (#CEA086): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#6C3801): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

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

• Weathered Chapel color palette (#FFF2EB, #E5D0B7, #B5B69D, #AB8D9A, #65444B)
• Mustard Ridge color palette (#F9F5EA, #D3DED0, #97BDC8, #B0A841, #4F3E00)
• Hushed Marigold color palette (#EFE3D2, #CEA253, #7F7025, #644200, #1D1712)
• Softworn Quarry color palette (#F4EEE1, #9BA396, #77917C, #766100, #0F0800)
• Weathered Atelier color palette (#FFF3E2, #FFB38C, #ACA865, #6F7FB1, #413C36)
• Bronze Drift color palette (#F7EFF3, #C8D7D9, #AABFBE, #956951, #312A2D)
• Marigold Dune color palette (#FFF3E6, #EBB16B, #53AFBE, #4583B1, #4C284E)
• Wandering Emerald color palette (#E9EAE0, #B3C5BA, #91ADA5, #4D9437, #20210D)

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