Cocoa Canyon color palette — #E5FCEA · #BDE6E7 · #D9BDD2 · #9B867D · #744108

A conversation between Bronze and Silver, giving this palette its sense of optimism and sophistication.

The five colors

• Honeydew (#E5FCEA): A whisper-light, dusty teal — the color of shallow lagoons.
• Silver (#BDE6E7): A whisper-light, dusty teal — the color of shallow lagoons.
• Oat (#D9BDD2): A whisper-light, dusty pink — the color of peonies in June.
• Gray (#9B867D): A luminous, dusty orange — the color of autumn markets.
• Bronze (#744108): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Tempered Lichen Parlor color palette (#EFFADC, #C5E6DB, #B0CCBB, #A29092, #5D4842)
• Worn Powder Hollow color palette (#F9F4ED, #C4E2F7, #C7BDF0, #769C88, #5C4555)
• Chestnut Hollow color palette (#EAF6FF, #ADC2F5, #8C7FAA, #825019, #352708)
• Hushed Lilac color palette (#E8F8FF, #CAE1FF, #9D97D9, #9B6D5A, #503700)
• Ancient Pewter color palette (#F0F5FF, #B8BCCF, #9090A4, #7C647D, #61485A)
• Softworn Lagoon color palette (#FFF0FC, #EED2D1, #D5A6AB, #9D7A37, #585100)
• Antique Pier color palette (#FDF1FE, #D9DBF7, #EEC390, #779DC8, #623D00)
• Antique Bronze color palette (#EEF6FF, #EDC6DF, #B5919C, #96672E, #3B3932)

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