Cocoa Canyon color palette — #FBEFEB · #BAB684 · #7E4040 · #3B1F14 · #170804

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

The five colors

• Cream (#FBEFEB): a clean, paper-quiet neutral.
• Sage (#BAB684): A luminous, dusty green — the color of new leaves after rain.
• Coffee (#7E4040): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#3B1F14): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#170804): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, 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

• Weathered Onyx Lantern color palette (#FFF2EC, #CCA682, #734237, #51190D, #2F1D13)
• Marigold Loft color palette (#FBF0E0, #CEA02C, #634700, #2C1E00, #0D0600)
• Antique Grove color palette (#FDF1FC, #CAC796, #A05B59, #5F3433, #281E27)
• Terracotta Study color palette (#FBEFE9, #E0A196, #5C832F, #A24135, #100F02)
• Aged Amber Garden color palette (#FEF0DC, #CD8B5A, #6A712A, #3E4072, #2F1F06)
• Bronze Chapel color palette (#F6DACD, #776800, #3E0500, #15160C, #0A0000)
• Worn Fern color palette (#FFEDE7, #CFA175, #8E742E, #4B5300, #002F11)
• Antique Boulevard color palette (#E9E2D6, #B48412, #443800, #171200, #030100)

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