Cocoa Canyon color palette — #A6F2F3 · #95BDAA · #677AA6 · #7E4343 · #482100

Built around Coffee, softened by Sea Foam — the whole palette hums with optimism and creativity.

The five colors

• Sea Foam (#A6F2F3): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#95BDAA): A luminous, dusty teal — the color of sea glass.
• Slate (#677AA6): A full-bodied, dusty violet — the color of wild irises.
• Coffee (#7E4343): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#482100): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Creativity, Calm, Sophistication. Tagged vintage, retro, muted, cool.

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 Parlor color palette (#D5F1CB, #72B8C8, #407BAD, #842A4F, #562010)
• Weathered Cocoa Market color palette (#C7ECFF, #C7A5C2, #796D9A, #6E4026, #433000)
• Wandering Powder color palette (#A6F8FB, #72C5F0, #768FC8, #915A5A, #663817)
• Frosted Cobalt Drift color palette (#D7F5CE, #63B5B5, #5D76B2, #6E5D2D, #424E1A)
• Aged Study color palette (#D6F6DE, #659889, #79566D, #642516, #2F1A00)
• Hushed Navy color palette (#D0F0FF, #64769A, #544277, #4A2000, #1B1200)
• Tempered Chestnut color palette (#FFEBF8, #D5B9C2, #B19091, #7B5E12, #464400)
• Softworn Coast color palette (#E0EBFF, #9985CE, #8E5F86, #5B4500, #1A2400)

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