Weathered Cocoa color palette — #ECDDE5 · #B995A3 · #87638B · #79403B · #54370A
A conversation between Coffee and Slate, giving this palette its sense of optimism and creativity.
The five colors
- Shell Pink (#ECDDE5): a clean, paper-quiet neutral.
- Dusty Rose (#B995A3): A luminous, dusty rose — the color of a warm blush.
- Slate (#87638B): A full-bodied, dusty pink — the color of peonies in June.
- Coffee (#79403B): A full-bodied, balanced orange — the color of sun-warmed clay.
- Cocoa (#54370A): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Creativity, 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
- Aged Lagoon color palette (#FFE5E7, #C19F9D, #927067, #6D4E1F, #3D4400)
- Mulberry Parlor color palette (#BCEADB, #B49DB4, #666E99, #714163, #5B3B37)
- Timeworn Ridge color palette (#EDE3EF, #96658A, #713A4F, #492300, #1D1E00)
- Aged Summit color palette (#D3EAD2, #92B4A4, #726EA4, #5F4D1D, #2C2D0B)
- Dusty Courtyard color palette (#D7EAFF, #B6C6F5, #A29ECF, #8F7F9A, #59405E)
- Powder Loft color palette (#C2EEFD, #97BAE5, #9588B3, #4F7865, #324F41)
- Ancient Ultramarine Canyon color palette (#FCE7F6, #7B89C6, #008D78, #3A3FC3, #003F35)
- Dusty Indigo color palette (#FCD9EE, #6F6CC9, #A4457A, #006679, #272749)
Browse the whole catalog at Explore, or see today's palette.