Cocoa Canyon color palette — #F1E5EA · #ADBFAD · #709980 · #693400 · #271B21

A conversation between Bronze and Eucalyptus, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F1E5EA): bright and airy, almost weightless.
• Stone (#ADBFAD): A luminous, dusty green — the color of a quiet forest floor.
• Eucalyptus (#709980): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#693400): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#271B21): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged scandi, 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

• Basalt Loft color palette (#E1EAE2, #9EAEA4, #5C8A7A, #4B3200, #09180B)
• Wandering Garnet color palette (#ECE6EB, #C5B3BD, #A88290, #7F151B, #281A26)
• Antique Study color palette (#F6E9DF, #D2C2A8, #AAA684, #99430B, #281D15)
• Hushed Chestnut Drift color palette (#EFF8F1, #C2D9CE, #99B081, #705700, #203928)
• Olive Boulevard color palette (#D9EEE4, #658730, #005416, #521906, #00211A)
• Worn Bronze Archive color palette (#FAF3F5, #CED9DC, #A8C4C4, #916C44, #4F4448)
• Fern Harbor color palette (#EADCC9, #8E8656, #34650B, #153E66, #27244C)
• Patina Harbor color palette (#CCE8CC, #F75818, #AE7100, #546400, #191100)

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