Cocoa Canyon color palette — #F2F7EA · #83C19F · #9383B1 · #875776 · #623600

Bronze and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F2F7EA): bright and airy, almost weightless.
• Mint Leaf (#83C19F): A luminous, balanced teal — the color of glacier melt.
• Slate Blue (#9383B1): A luminous, dusty violet — the color of twilight just after sunset.
• Graphite (#875776): A full-bodied, dusty pink — the color of peonies in June.
• Bronze (#623600): A deep, shadowed, balanced gold — the color of honey in a jar.

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

• Timeworn Parlor color palette (#F5F6EA, #9CBC90, #6E8DBE, #925555, #46423B)
• Washed Drift color palette (#EFF8EF, #71C1C0, #AD78A1, #8A5E3B, #553E00)
• Antique Teal Veranda color palette (#EBF6E6, #00AD9B, #8060A5, #724300, #3E2600)
• Ancient Bronze color palette (#F4F8DD, #C9DAC4, #97AEA4, #AF6D50, #7D3F23)
• Wandering Cocoa Canyon color palette (#EDF8F4, #909F6D, #3C7E6D, #803C35, #563E10)
• Hushed Harbor color palette (#EAFBD6, #87D7C7, #4CB3BC, #3A7C94, #315649)
• Patina Lagoon Drift color palette (#FBF3F0, #C1E2E9, #91BDA8, #619280, #32524A)
• Teal Meadow color palette (#ECF6E5, #4AB095, #4B5D50, #343A2F, #21221B)

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