Cocoa Canyon color palette — #F2F5FF · #CACBF6 · #9B93B6 · #84667E · #5C3722

Built around Cocoa, softened by Lilac Frost — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#F2F5FF): bright and airy, almost weightless.
• Lilac Frost (#CACBF6): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#9B93B6): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#84667E): A full-bodied, dusty pink — the color of a candy shop window.
• Cocoa (#5C3722): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Dusty Delta color palette (#F5F4FF, #DED1F8, #B78698, #816471, #2D462F)
• Cocoa Villa color palette (#F6D9E7, #BA9ECC, #90668F, #7A4A3F, #6A3700)
• Tempered Delta color palette (#F5D1FE, #C391B8, #906574, #673500, #251600)
• Fern Hollow color palette (#D4F4E8, #9DA1CF, #8E6368, #4D4900, #302F19)
• Hushed Chestnut Alley color palette (#F1D6E7, #B78195, #80484C, #4A3200, #0B0800)
• Washed Corridor color palette (#F9E0E8, #A2676E, #743126, #302500, #020300)
• Aged Drift color palette (#C1EAFB, #AFC7DF, #A0A3C9, #82814F, #16503B)
• Washed Meadow color palette (#FAF1FF, #E9D4DC, #CEBDC9, #7B9886, #3C5148)

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