Worn Cocoa Canyon color palette — #FFF1F6 · #C7A980 · #6D4829 · #452507 · #2B1D23

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

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Camel (#C7A980): A luminous, dusty gold — the color of old brass.
• Coffee (#6D4829): A full-bodied, dusty gold — the color of old brass.
• Espresso (#452507): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Onyx (#2B1D23): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Worn 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

• Antique Stone Summit color palette (#EDF9ED, #C7AA75, #6A4A19, #1B351C, #0B201B)
• Bronze Basin color palette (#FEF3EA, #D1C495, #9D613A, #633415, #2B1F16)
• Wandering Alley color palette (#F0F7F1, #D0A75F, #657832, #7D5800, #122923)
• Amber Ridge color palette (#FDF3EB, #F6CE97, #C5844F, #80593A, #282019)
• Dusty Cabin color palette (#D7EBD8, #BB8900, #4F3500, #261700, #090900)
• Fern Cabin color palette (#FDF6C3, #B0B577, #6A7D33, #335B16, #004436)
• Hushed Bronze color palette (#FFF0F8, #BB683A, #7466A0, #703D6E, #422B38)
• Inked Chestnut color palette (#D8ECDF, #745B00, #272832, #191400, #030200)

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