Cocoa Canyon color palette — #F5E4EE · #873200 · #004945 · #3B1100 · #000807

Rust takes the lead with Espresso close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F5E4EE): A whisper-light, dusty pink — the color of neon signs at night.
• Rust (#873200): A full-bodied, balanced orange — the color of autumn markets.
• Forest (#004945): A deep, shadowed, dusty teal — the color of glacier melt.
• Espresso (#3B1100): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#000807): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged 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

• Mulberry Station color palette (#EDE0F0, #970041, #004753, #420019, #00070A)
• Twilit Garden color palette (#F4D8CB, #9D4900, #451C00, #1C2319, #140400)
• Hazy Navy Veranda color palette (#DFF3E1, #6A4A00, #002D9F, #2D1D00, #00031D)
• Navy Thicket color palette (#EED9D8, #7B001A, #003C3C, #00126B, #070000)
• Quiet Rust Basin color palette (#FAE2F2, #B73500, #366700, #661900, #020800)
• Fern Lantern color palette (#E3F2E9, #506200, #332C00, #1A0E00, #000500)
• Airy Nightshade color palette (#DAF2E4, #6B6000, #3600D5, #332D00, #08003C)
• Aged Bronze color palette (#F5D3E1, #B96700, #007693, #6D3A00, #002E3C)

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