Weathered Cocoa color palette — #E9E5AD · #A5D3B6 · #79BCD7 · #A77B65 · #6F3819

Built around Bronze, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Celadon Mist (#E9E5AD): A whisper-light, dusty green — the color of a quiet forest floor.
• Pistachio (#A5D3B6): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#79BCD7): A luminous, dusty blue — the color of open sky before noon.
• Mocha (#A77B65): A luminous, dusty orange — the color of autumn markets.
• Bronze (#6F3819): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. 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

• Patina Garnet Terrace color palette (#FFDFCC, #CFD69A, #79BDAA, #C07871, #70302C)
• Bronze Courtyard color palette (#EADEC7, #B4C09C, #73A6BB, #9E7035, #513200)
• Periwinkle Canyon color palette (#C7EFCC, #93D5D7, #99A8DF, #988E5F, #514500)
• Frosted Pewter color palette (#ECFCD7, #B4E6D6, #59ABC6, #9D5B86, #6D2C35)
• Powder Grove color palette (#D0E3DE, #81C5F2, #A78BC5, #83752C, #4C4208)
• Ancient Teal color palette (#FBF5E1, #A5DFAC, #4FB9A9, #8B8D57, #234327)
• Ancient Turquoise Garden color palette (#DAEADB, #62B4B9, #7580B0, #7D5C3F, #3F2100)
• Softworn Fern Hollow color palette (#EAFCE0, #C7E0E0, #D1BBC4, #A6A385, #5B5300)

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