Weathered Cocoa color palette — #D0EDD9 · #83A88A · #506E8E · #613B1B · #392F02

Cocoa and Slate set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#D0EDD9): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#83A88A): A luminous, dusty teal — the color of sea glass.
• Slate (#506E8E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#613B1B): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#392F02): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Antique Cypress color palette (#E1E0D1, #769F78, #15767B, #65323E, #4D2104)
• Muted Spruce Quarry color palette (#D7E3D2, #6BA3BA, #815D75, #5C3E00, #203C08)
• Antique Chestnut Dune color palette (#D5EAC1, #94B7A0, #8D6D8B, #7A4D0D, #46441B)
• Weathered Grove color palette (#D2E3DE, #3499AD, #4A5379, #4F3200, #302700)
• Antique Aqua Workshop color palette (#D8F8E5, #80CBD3, #7998C1, #8F6678, #512B06)
• Garnet Station color palette (#CBE8FA, #7C99B7, #5B6992, #64285B, #330F21)
• Timeworn Pewter Archive color palette (#E1F1F8, #86ADCD, #687FAC, #7B4C79, #572744)
• Timeworn Chapel color palette (#C3E9D4, #008CAD, #915D00, #005165, #3B2300)

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