Cocoa Canyon color palette — #FFF1F1 · #F6D5CE · #D1BBB2 · #AC9F8A · #5D4A00

Built around Deep Olive, softened by Shell Pink — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#F6D5CE): A whisper-light, dusty orange — the color of autumn markets.
• Stone (#D1BBB2): A luminous, dusty orange — the color of toasted spice.
• Taupe (#AC9F8A): A luminous, dusty gold — the color of old brass.
• Deep Olive (#5D4A00): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Softworn Bloom color palette (#FFF2EF, #F0D8B9, #DBBEAB, #A39E8D, #624C57)
• Washed Fern color palette (#FFF2EE, #FFC3C7, #C9CC8F, #D2969A, #5C4C00)
• Shell Study color palette (#FFE4E6, #FFB8AD, #D5A48C, #8C8B4F, #4B4B43)
• Wandering Pewter color palette (#FEECF9, #CDBAC8, #AA9396, #587356, #4D404E)
• Tempered Bloom color palette (#F2F7EE, #AEEDDD, #87C3BC, #83A298, #485043)
• Softworn Garnet color palette (#FFF2ED, #F4D4C1, #E7A19D, #B37C77, #5D2106)
• Terracotta Lagoon color palette (#ECDAE1, #AF6F77, #9E5147, #5B4900, #101100)
• Hushed Study color palette (#EADED2, #BF9026, #857C35, #116A4E, #002420)

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