Weathered Cocoa Canyon color palette — #FFF1F6 · #8DB197 · #97663D · #7A3D38 · #214539

Built around Rust, softened by Walnut — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#8DB197): A luminous, dusty teal — the color of sea glass.
• Walnut (#97663D): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Rust (#7A3D38): A full-bodied, balanced orange — the color of toasted spice.
• Forest (#214539): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Washed Basin color palette (#FCDFE8, #7BA189, #8A5614, #6D2E21, #0A392E)
• Driftwood Drift color palette (#EEF8F1, #9CC2B5, #8D8054, #785539, #334D4B)
• Washed Bronze Terrace color palette (#FEEFE1, #C4A67B, #9D6735, #6E3E29, #2A2110)
• Antique Sand Thicket color palette (#FFF3E8, #EACD8D, #D69F76, #A37E70, #3F3D36)
• Worn Garnet Alley color palette (#FFE9F2, #9C8454, #7F4412, #6A0716, #242700)
• Garnet Loft color palette (#EDF7FF, #3889B9, #6D60A2, #8B2E37, #1C3649)
• Chestnut Meadow color palette (#D0E7CE, #726827, #4F3100, #370A00, #060E00)
• Hushed Indigo Archive color palette (#EDF8F8, #75C0A6, #6A63AE, #007157, #1E2336)

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