Washed Cocoa color palette — #F7F6E9 · #77A888 · #007366 · #74371C · #2F3B00
A conversation between Rust and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7F6E9): bright and airy, almost weightless.
- Jade (#77A888): A luminous, dusty teal — the color of glacier melt.
- Teal (#007366): A full-bodied, balanced teal — the color of shallow lagoons.
- Rust (#74371C): A full-bodied, balanced orange — the color of toasted spice.
- Forest (#2F3B00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Washed Cocoa 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
- Antique Grove color palette (#FBF5E6, #A19D73, #3C704B, #653F3C, #36362F)
- Timeworn Cypress Market color palette (#E5F6F3, #73ACA7, #2F7450, #504716, #002220)
- Forest Archive color palette (#F8EAC9, #7E9E50, #006D39, #4E4300, #223500)
- Muted Chestnut color palette (#FBF4EB, #BBAF8C, #657C50, #795009, #524000)
- Misty Fern Corridor color palette (#F3F9DB, #ADF0DD, #69BEDE, #746F39, #384C03)
- Aged Lantern color palette (#E0E2CF, #388B70, #004F4F, #531803, #002117)
- Feathered Market color palette (#EEF1D8, #649E61, #A861AA, #0C610F, #4B244C)
- Washed Emerald Lantern color palette (#DFEAC5, #1B9B5B, #8C5394, #822A69, #272F0F)
Browse the whole catalog at Explore, or see today's palette.