Weathered Cocoa color palette — #E8E0BC · #99A688 · #417B95 · #675428 · #583D00

Cocoa takes the lead with Slate close behind in a set that reads as trust and stability at first glance.

The five colors

• Celadon Mist (#E8E0BC): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#99A688): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#417B95): A full-bodied, dusty blue — the color of open sky before noon.
• Coffee (#675428): A full-bodied, dusty gold — the color of honey in a jar.
• Cocoa (#583D00): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Lagoon Harbor color palette (#F5DBC5, #ABA47C, #3E8378, #744532, #403D36)
• Timeworn Pewter Chapel color palette (#D9E3C9, #89B39B, #6D6C9B, #4D5C33, #37462E)
• Patina Orchard color palette (#F0FBD8, #A4C3AE, #96798D, #79580C, #484B00)
• Aged Cocoa color palette (#D2ECC9, #89C5D4, #7197BA, #826661, #672F04)
• Dusty Denim Lagoon color palette (#E3EDDD, #40918D, #345982, #433400, #1D2503)
• Driftwood Harbor color palette (#BCE9E6, #A8CCD7, #94ABC4, #9E7E8F, #354A34)
• Powdered Bronze color palette (#D1EDD5, #008A93, #955F00, #685B00, #18321E)
• Hushed Turquoise color palette (#D4EBE6, #67B4C8, #557594, #563E5D, #381D2E)

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