Weathered Cocoa color palette — #E7E8CD · #77B9A3 · #468083 · #6C4A51 · #613000

Bronze and Mint Leaf set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#E7E8CD): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#77B9A3): A luminous, dusty teal — the color of glacier melt.
• Slate (#468083): A full-bodied, dusty teal — the color of shallow lagoons.
• Coffee (#6C4A51): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#613000): A deep, shadowed, balanced 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

• Tempered Chapel color palette (#ECFBD5, #7CBFB7, #6E8D7E, #7F5A5B, #65473E)
• Tempered Taupe color palette (#F1DDB6, #9BA97B, #5A846A, #6D4E65, #573C45)
• Gentle Turquoise Harbor color palette (#D8EBE8, #3AABC1, #3A729C, #7B364E, #633126)
• Ancient Taupe color palette (#FAF5E7, #8DA561, #436F41, #4D4B44, #36362F)
• Cobalt Drift color palette (#FAF4EC, #9DD2C1, #5279B0, #005D6F, #4C2F46)
• Cobalt Field color palette (#B7F3FF, #79B0E4, #7077B5, #5E5652, #43423B)
• Worn Plum Grove color palette (#E2F5DE, #00A398, #BA506B, #00655D, #55222F)
• Antique Byzantium Courtyard color palette (#D4EDD3, #008C8A, #8A4EA8, #7C5000, #1D311C)

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