Weathered Cocoa color palette — #F1E5EC · #9FAEA2 · #60897D · #5C2500 · #1F0D17

Espresso and Storm Blue set the tone — five colors that lean into optimism and sophistication.

The five colors

• Blush (#F1E5EC): bright and airy, almost weightless.
• Sage (#9FAEA2): A luminous, dusty teal — the color of sea glass.
• Storm Blue (#60897D): A full-bodied, dusty teal — the color of glacier melt.
• Espresso (#5C2500): A deep, shadowed, balanced orange — the color of toasted spice.
• Ink (#1F0D17): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Worn Villa color palette (#EAE3EB, #B9A1AD, #8E7E52, #6B0423, #19101A)
• Dusty Cocoa color palette (#F7E5ED, #A7BBA7, #7AA088, #7E3F00, #1C0F15)
• Softworn Onyx Delta color palette (#E3EAE3, #8E9E98, #4C7A79, #3A2700, #020D03)
• Washed Bronze color palette (#F4EDE7, #AD9D89, #957732, #552900, #090300)
• Timeworn Harbor color palette (#E9F1EE, #A6BEBE, #6996A4, #3B4C00, #12231E)
• Chestnut Cabin color palette (#FFF1F6, #C5D8CC, #7DB3A9, #864800, #412B35)
• Softworn Olive Archive color palette (#EFF7F5, #D3DCE2, #B6C1D2, #5F7F50, #3D4B48)
• Muted Bronze color palette (#FBD7D7, #A26F10, #2E571F, #3C195B, #281839)

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