Washed Canyon color palette — #F7F1E4 · #C3BB9F · #8C8448 · #715200 · #2F2C1D

A conversation between Coffee and Mocha, giving this palette its sense of nature and growth.

The five colors

• Cream (#F7F1E4): bright and airy, almost weightless.
• Stone (#C3BB9F): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#8C8448): A luminous, balanced green — the color of fresh herbs.
• Coffee (#715200): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#2F2C1D): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Chestnut Veranda color palette (#F8F1E7, #DABF8F, #7A5B2C, #35302A, #18130D)
• Aged Bronze color palette (#F5F1EA, #CEC493, #6F8E4C, #807222, #17160C)
• Frosted Emerald Bloom color palette (#F8F3D0, #ADC999, #5F9C5A, #20643E, #003625)
• Ancient Bronze color palette (#FBF5E5, #D2E7C3, #B9B07A, #9D7034, #3F4300)
• Lagoon Boulevard color palette (#EBF9F1, #97C3B5, #618B74, #4F644E, #394C49)
• Dusty Harbor color palette (#FBE7D4, #A37F4E, #7A4700, #4E2400, #160C00)
• Taupe Coast color palette (#E7FBF0, #CBCFA0, #A29E6E, #627C6B, #3A4C46)
• Washed Station color palette (#FFEDCF, #867008, #564000, #311F00, #060500)

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