Weathered Cocoa color palette — #ECF9EE · #83D4DC · #E09E97 · #379CA6 · #77391E

Built around Bronze, softened by Cerulean — the whole palette hums with trust and stability.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Ice Blue (#83D4DC): A whisper-light, balanced blue — the color of open sky before noon.
• Rosewood Mist (#E09E97): A luminous, balanced orange — the color of autumn markets.
• Cerulean (#379CA6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Bronze (#77391E): A full-bodied, balanced orange — the color of toasted spice.

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

• Weathered Basin color palette (#F3F7EC, #94D5B0, #CEA0C3, #4D9F75, #693F44)
• Turquoise Parlor color palette (#ECF9EE, #87E7F1, #FFAEAE, #37BCC9, #654438)
• Patina Stone Field color palette (#EAF9F3, #9CCBE9, #C5B070, #5A94B7, #504D46)
• Antique Courtyard color palette (#EAF8FD, #80BCC2, #C88384, #00828D, #6C3E40)
• Frosted Ember color palette (#D9FFF1, #74CAFF, #D86144, #0080B8, #6C1700)
• Worn Petal Terrace color palette (#EAFBE9, #FED1E3, #C5E6EB, #99A080, #3B5247)
• Washed Bronze Lantern color palette (#FEF3E9, #DBC8A7, #B69475, #A36145, #544800)
• Aged Harbor color palette (#FFF0F9, #ABB1F2, #C39E5B, #7275CD, #46423B)

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