Cocoa Canyon color palette — #FEF2EB · #E9EAB2 · #9C6753 · #5A2712 · #1A0B03

Espresso takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FEF2EB): a clean, paper-quiet neutral.
• Celadon Mist (#E9EAB2): A whisper-light, dusty green — the color of new leaves after rain.
• Walnut (#9C6753): A full-bodied, dusty orange — the color of sun-warmed clay.
• Espresso (#5A2712): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1A0B03): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged luxury, dark, 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

• Bronze Basin color palette (#F9F5EB, #FFE0B5, #807841, #413900, #140F04)
• Aged Basalt color palette (#FEF2F2, #C9F3C7, #986381, #562342, #1B0A0A)
• Wandering Mustard color palette (#FCEFE6, #D3AE5E, #76482D, #3B1F07, #130A05)
• Nocturne Balcony color palette (#EFE1D5, #9D9027, #452000, #0F0C05, #030100)
• Softworn Amber color palette (#FFF0F8, #ECD29C, #C7825A, #785869, #2B1D24)
• Worn Indigo color palette (#FFF2EA, #E3A182, #41B2A8, #7A63AA, #361E0B)
• Ancient Courtyard color palette (#ECF1DD, #DC8B61, #004919, #1B2628, #000B02)
• Ember Canyon color palette (#FCF3EE, #EED8BF, #37B78B, #D3653D, #0D1602)

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