Cocoa Canyon color palette — #EDFBE0 · #BAE5DB · #A2C0B5 · #987573 · #6F3216

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

The five colors

• Custard (#EDFBE0): A whisper-light, dusty green — the color of a quiet forest floor.
• Silver (#BAE5DB): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#A2C0B5): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#987573): A full-bodied, dusty orange — the color of toasted spice.
• Rust (#6F3216): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged vintage, retro, muted, light.

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 Ridge color palette (#DEFFE5, #C4E3E5, #C5A4BF, #A9664B, #6F3D00)
• Aged Studio color palette (#F6EFD0, #D9D5BD, #AABCA5, #B8846A, #5B4C00)
• Dusty Cerulean color palette (#D9FCFF, #9ABAC6, #5C87A0, #665872, #594047)
• Softworn Quarry color palette (#EBF7FF, #A8B9EC, #917CA9, #794B26, #332501)
• Worn Basalt color palette (#D8FFF4, #E1C1D7, #B58E97, #826340, #523E00)
• Softworn Study color palette (#D0E2FF, #A9A7D9, #866489, #533B00, #171C00)
• Softworn Olive color palette (#F5F6E9, #C2E9CD, #62AF9D, #787B34, #303F00)
• Muted Studio color palette (#F9F4ED, #BFE2ED, #87C4E3, #48908C, #20483E)

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