Weathered Cocoa color palette — #E5EEDD · #63A29A · #3E6285 · #5A3900 · #2E1B00

Cocoa and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E5EEDD): A whisper-light, dusty green — the color of new leaves after rain.
• Eucalyptus (#63A29A): A luminous, dusty teal — the color of sea glass.
• Peacock (#3E6285): A full-bodied, dusty blue — the color of deep harbor water.
• Cocoa (#5A3900): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#2E1B00): A deep, shadowed, dusty gold — the color of old brass.

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

• Petrol Coast color palette (#C8F2EC, #6898A8, #50689D, #323F00, #1C2500)
• Washed Petrol Workshop color palette (#CDE7D7, #759C7E, #007689, #5C2E11, #2D1523)
• Timeworn Denim color palette (#E2F1E6, #228699, #4E4B8B, #382A00, #001406)
• Turquoise Balcony color palette (#DDF2D8, #37BCC6, #6882B3, #774E31, #563114)
• Timeworn Cerulean color palette (#BBFFF7, #91CDE2, #6D90B7, #7B4A54, #332C28)
• Washed Atelier color palette (#CCF2F2, #92BED6, #7A85AB, #375F4F, #1F4234)
• Weathered Chestnut Ridge color palette (#D6E5EC, #00788D, #795800, #3E4F14, #000D14)
• Ancient Quarry color palette (#CAE2F5, #0089C2, #A25300, #004C6E, #200B00)

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