Cocoa Canyon color palette — #FCEDF6 · #CEB2BE · #A37766 · #7C4744 · #243023
A conversation between Coffee and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#FCEDF6): a clean, paper-quiet neutral.
- Rosewood Mist (#CEB2BE): A luminous, dusty rose — the color of strawberry cream.
- Mocha (#A37766): A luminous, dusty orange — the color of autumn markets.
- Coffee (#7C4744): A full-bodied, dusty orange — the color of sun-warmed clay.
- Deep Forest (#243023): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Optimism, 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
- Terracotta Basin color palette (#F2EFFF, #DCAFC9, #AB6F80, #8A353C, #561500)
- Muted Field color palette (#FFF2EB, #D0B294, #A47263, #75544E, #5C4300)
- Softworn Driftwood Grove color palette (#E9F6ED, #A7C3B5, #908256, #436143, #1C312B)
- Washed Grove color palette (#FFF0F9, #ECD4D0, #C7A1B9, #9F6873, #314539)
- Violet Chapel color palette (#F1F1F7, #BFBFE4, #B76969, #865CA5, #1D111C)
- Patina Bronze Lantern color palette (#FDE0EB, #BD9961, #9A5900, #712B00, #241B00)
- Muted Chestnut color palette (#E0F3E0, #978455, #744B00, #4D2500, #110F00)
- Chestnut Studio color palette (#ECDEE5, #8B510B, #5A2400, #350100, #030100)
Browse the whole catalog at Explore, or see today's palette.