Worn Cocoa Canyon color palette — #E5FBF4 · #B0DAFF · #E2C18B · #81AED4 · #684500

Bronze and Sand set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E5FBF4): A whisper-light, dusty teal — the color of shallow lagoons.
• Powder Blue (#B0DAFF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sand (#E2C18B): A whisper-light, dusty gold — the color of honey in a jar.
• Blue Fog (#81AED4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Bronze (#684500): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

One click turns Worn 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

• Worn Shell color palette (#E6FBF0, #98E1FF, #FFB09F, #73B2CD, #534B47)
• Tempered Fern color palette (#FFF1F6, #E0C9FF, #C4CD94, #B39DD0, #5A4D00)
• Tempered Powder Terrace color palette (#EEF6FF, #98C8FF, #D4A87B, #6D8FB6, #62424E)
• Pale Iris color palette (#FFF0F9, #BBBEFF, #EFB822, #7E7AF3, #4B3700)
• Timeworn Loft color palette (#E5FBF5, #E4D6CF, #A1C9C2, #A8A99B, #564953)
• Cocoa Harbor color palette (#FFF2EB, #F5D2B0, #DAA89A, #A88A85, #5D4300)
• Washed Parchment Balcony color palette (#FAF2F8, #C5EABD, #8D9CCC, #7B6576, #30292E)
• Timeworn Glacier Boulevard color palette (#CFF2FF, #FFD3AD, #67E9FF, #5E6E62, #2F3731)

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