Cocoa Canyon color palette — #E7E1B5 · #6FB085 · #61795D · #684F59 · #682E0B

Built around Rust, softened by Jade — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#E7E1B5): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#6FB085): A luminous, balanced teal — the color of shallow lagoons.
• Pewter (#61795D): A full-bodied, dusty green — the color of new leaves after rain.
• Charcoal Brown (#684F59): A full-bodied, dusty rose — the color of a warm blush.
• Rust (#682E0B): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Dusty Lagoon color palette (#F5E4D0, #B2B27D, #60855D, #684C69, #58364A)
• Hushed Orchard color palette (#FCF4E6, #9D9F63, #556C35, #4E4A44, #37352F)
• Dusty Teal Orchard color palette (#C4E8DA, #00BCBE, #307DA5, #6E3E58, #652E2E)
• Aged Cocoa Studio color palette (#ECFBE4, #A5CAB0, #77978E, #866D69, #7F4222)
• Feathered Amethyst Market color palette (#D5EEC8, #008E7A, #7A51BC, #884700, #1F3115)
• Hushed Raspberry Summit color palette (#E5F5D7, #00A683, #B34E8E, #006650, #4F243E)
• Hushed Azure Workshop color palette (#C5EAF3, #4D9AD1, #616B92, #6A3831, #4D2D00)
• Wandering Teal color palette (#D6F6F4, #9CCDD3, #68B1AD, #6B88AD, #3E4A63)

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