Cocoa Canyon color palette — #F2F7EC · #81C1A8 · #698FBC · #875778 · #603800

Built around Bronze, softened by Slate Blue — the whole palette hums with trust and stability.

The five colors

• Ivory (#F2F7EC): bright and airy, almost weightless.
• Mint Leaf (#81C1A8): A luminous, dusty teal — the color of glacier melt.
• Slate Blue (#698FBC): A luminous, balanced blue — the color of deep harbor water.
• Graphite (#875778): A full-bodied, dusty pink — the color of neon signs at night.
• Bronze (#603800): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged 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

• Stone Alley color palette (#F7F6EA, #A9BA76, #4B99A8, #725D90, #5F362C)
• Ash Parlor color palette (#F0F8F0, #76C0C3, #9182B6, #8C5A4F, #374924)
• Dusty Delta color palette (#E9F9FA, #95DDC1, #6F9AE1, #905670, #214129)
• Tempered Cocoa color palette (#ECFBE0, #BDD6BF, #99B6AA, #957D7C, #7B3D21)
• Weathered Indigo color palette (#E3F8E9, #00A8BF, #7D5FB0, #82332D, #2B2F00)
• Ancient Teal Drift color palette (#ECF5E8, #3FB0A0, #4B5D4F, #333A30, #20231C)
• Antique Basin color palette (#FBF4EA, #AE945D, #3B779F, #7F3F25, #46423B)
• Washed Periwinkle color palette (#EDF8F3, #C9CD8B, #9CA4E3, #AB7A5D, #553847)

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