Weathered Cocoa color palette — #E5FDE5 · #007577 · #684600 · #384200 · #002C1E

Bronze takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Honeydew (#E5FDE5): A whisper-light, dusty green — the color of new leaves after rain.
• Teal (#007577): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#684600): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#384200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#002C1E): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Balance. Tagged jewel, vibrant, 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

• Ancient Quarry color palette (#F2F8E2, #00834B, #921C00, #4F3400, #262000)
• Cobalt Atelier color palette (#E9F9F3, #1F88B9, #5D6515, #0B4D2B, #182F1C)
• Muted Lagoon color palette (#D2FDF2, #0062B5, #305100, #003727, #001C23)
• Hazy Summit color palette (#D9FAF1, #0072C1, #970071, #4B3600, #001115)
• Weathered Petrol color palette (#EBF9F5, #EED9DF, #CDB3C8, #286FA7, #33443F)
• Charred Boulevard color palette (#DEECDE, #004B4C, #442D00, #1B1E00, #000804)
• Pale Raspberry Basin color palette (#EEF6FF, #198CF8, #BE279B, #735500, #00272B)
• Mulberry Summit color palette (#FDF5DE, #757500, #8F005D, #770209, #342100)

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