Washed Cocoa color palette — #F2E1D7 · #C77456 · #006731 · #7A2700 · #020200

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

The five colors

• Parchment (#F2E1D7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Coral Clay (#C77456): A luminous, balanced orange — the color of sun-warmed clay.
• Pine (#006731): A full-bodied, balanced teal — the color of sea glass.
• Rust (#7A2700): A deep, shadowed, balanced orange — the color of toasted spice.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Balance. Tagged duotone.

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

• Weathered Amber Harbor color palette (#EDE3D6, #BD7F00, #00654C, #603F00, #010300)
• Frosted Garnet color palette (#F4DFDB, #C86E7F, #645400, #850034, #030200)
• Terracotta Cabin color palette (#F3E7EE, #ED845B, #008752, #A73B00, #001111)
• Amber Cabin color palette (#EEDFD8, #B37E05, #615A00, #1F3A00, #001308)
• Patina Aubergine color palette (#F3DDC3, #A96700, #3F5500, #32106B, #140D00)
• Chestnut Archive color palette (#EEE8E1, #D1CBBD, #A6A58D, #764A00, #1F1305)
• Softworn Marigold color palette (#FFF1F6, #FDA34C, #8D7400, #905100, #000201)
• Patina Chestnut Meadow color palette (#F8E5D0, #825A00, #004A54, #00313D, #0E0001)

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