Washed Cocoa color palette — #F2F4DF · #80AD87 · #3C7155 · #594300 · #1B1F03

Deep Olive takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F2F4DF): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#80AD87): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#3C7155): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#594300): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#1B1F03): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Timeworn Boulevard color palette (#F0F5E0, #68BC91, #007E61, #2D5736, #002817)
• Sunlit Fern color palette (#EDE6C3, #82A151, #2F6C00, #3C4300, #101A00)
• Weathered Chestnut color palette (#F8F1E3, #C1B288, #747A4D, #6D5000, #2D2714)
• Weathered Cypress Courtyard color palette (#E9F9F5, #6FA7A6, #007368, #6C3B36, #0B3D3D)
• Dusty Fern color palette (#E9ECCF, #6AA25C, #B36340, #256512, #340E00)
• Pale Emerald Summit color palette (#E7F0D1, #009450, #007B95, #725700, #111700)
• Lagoon Ridge color palette (#EAEEDB, #3A8A61, #00503C, #2C2C00, #000B04)
• Wandering Lagoon color palette (#EBF9F5, #90BFB9, #519068, #726320, #063E3A)

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