Washed Cocoa color palette — #F9F5EB · #DEDFCB · #8F8755 · #584300 · #1E1B13

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

The five colors

• Ivory (#F9F5EB): bright and airy, almost weightless.
• Bone (#DEDFCB): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#8F8755): A luminous, dusty green — the color of new leaves after rain.
• Deep Olive (#584300): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#1E1B13): quiet, heavy and certain.

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

• Softworn Lagoon color palette (#F3F7EE, #FFE2A5, #35876A, #373A33, #0C1106)
• Aged Bronze Harbor color palette (#FAF5E7, #FCD8A3, #A5A16D, #826A20, #2F2B20)
• Ancient Market color palette (#EAF2D8, #CB9900, #004926, #1D292B, #000B03)
• Linen Villa color palette (#F8F6E6, #FFD26F, #5F7500, #283400, #0A0700)
• Aged Stone Atelier color palette (#EAF5EF, #D9BF95, #456B58, #1A382A, #0C1611)
• Bronze Dune color palette (#F4EED9, #9A7300, #1C1D00, #0A0C06, #010100)
• Dusty Study color palette (#F7F5ED, #B2F5E3, #3EC4C4, #99A158, #182118)
• Patina Powder color palette (#F8F5EB, #C9C786, #8FAEE9, #97739F, #34322B)

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