Cocoa Canyon color palette — #ECE5D1 · #71966D · #00677B · #682F00 · #301200

Rust and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#ECE5D1): A whisper-light, dusty green — the color of new leaves after rain.
• Moss (#71966D): A luminous, dusty green — the color of a quiet forest floor.
• Peacock (#00677B): A full-bodied, balanced blue — the color of open sky before noon.
• Rust (#682F00): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#301200): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Timeworn Petrol Summit color palette (#E1F1D5, #419C96, #386598, #4F3300, #261600)
• Antique Emerald Study color palette (#F1E6CD, #629C69, #006B72, #5A3147, #361027)
• Softworn Emerald color palette (#F5EBCC, #579456, #006152, #3D3A00, #011501)
• Worn Terracotta color palette (#D1ECED, #007579, #953B00, #5D3D00, #000A0A)
• Frosted Cerulean color palette (#E2F5E9, #42A59F, #0088A8, #723F6B, #420313)
• Timeworn Basalt Grove color palette (#CDF2F3, #7597C0, #795D87, #554710, #3A2901)
• Antique Lagoon Loft color palette (#E5F4E6, #009078, #005D61, #003E4C, #001527)
• Weathered Delta color palette (#F0E1DB, #5FB1B3, #007191, #004E21, #00132F)

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