Cocoa Canyon color palette — #CCF8ED · #6FACC4 · #8A6883 · #593200 · #241000

Cocoa takes the lead with Cyan close behind in a set that reads as trust and stability at first glance.

The five colors

• Honeydew (#CCF8ED): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#6FACC4): A luminous, dusty blue — the color of open sky before noon.
• Slate (#8A6883): A full-bodied, dusty pink — the color of peonies in June.
• Cocoa (#593200): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#241000): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Warmth, Comfort, Sophistication. Tagged vintage, retro, muted, warm.

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

• Washed Denim color palette (#CFF2EA, #679DB4, #555D98, #3B2800, #070E00)
• Petrol Bloom color palette (#E5F6DA, #7AB7A3, #1C8298, #6A2B2B, #291600)
• Wandering Workshop color palette (#D8E8FB, #8BA0C3, #8680B2, #963E69, #450E1B)
• Dusty Villa color palette (#EAF6FF, #DBB2CB, #9D7295, #436A40, #222D0A)
• Softworn Cobalt Studio color palette (#D8EBF4, #6D7EC0, #6B3D72, #242900, #030400)
• Chestnut Bloom color palette (#D4FFFC, #8CCFF6, #958CC5, #776000, #283800)
• Airy Onyx color palette (#CCEEE0, #4979AF, #435587, #4D1544, #2A0015)
• Ash Cabin color palette (#EDF7FF, #E7D4F0, #C68CB2, #677B55, #444000)

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