Cocoa Canyon color palette — #FDF3EC · #DCC6B3 · #B6947A · #976755 · #663D00

Built around Bronze, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FDF3EC): bright and airy, almost weightless.
• Oat (#DCC6B3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Taupe (#B6947A): A luminous, dusty gold — the color of old brass.
• Walnut (#976755): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#663D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

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

• Rust Studio color palette (#FFF1F0, #EFB9C4, #D2888E, #A95450, #79321E)
• Chestnut Terrace color palette (#FEF3EB, #CEB394, #A3745A, #894A30, #5C4300)
• Bronze Orchard color palette (#EFDFC5, #AF9D64, #8D6C1C, #694500, #2E2200)
• Stone Pier color palette (#FFF0F7, #EDD3D1, #CBA0B5, #8B7180, #4C393F)
• Worn Cocoa color palette (#FFE3CF, #AB6C3A, #843A00, #571800, #150800)
• Ancient Peony color palette (#FBF3F4, #E8C3E5, #C98594, #B66FB1, #3C2825)
• Lagoon Alley color palette (#ECF9F3, #78B3D6, #96A369, #4C8A5F, #2B433A)
• Mallow Pier color palette (#C6EBFF, #FFC4DB, #D7BCFF, #5F464F, #362D31)

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