Weathered Cocoa color palette — #E1FDEC · #BBD2C8 · #9E889F · #856B71 · #7D3F24
A conversation between Bronze and Heather, giving this palette its sense of optimism and sophistication.
The five colors
- Honeydew (#E1FDEC): A whisper-light, dusty teal — the color of sea glass.
- Oat (#BBD2C8): A whisper-light, dusty teal — the color of glacier melt.
- Heather (#9E889F): A luminous, dusty pink — the color of neon signs at night.
- Pewter (#856B71): A full-bodied, dusty red — the color of embers at dusk.
- Bronze (#7D3F24): A full-bodied, balanced orange — the color of autumn markets.
Feels like: 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
- Patina Driftwood color palette (#EEFADF, #BCCCB4, #7E947F, #7E6A7D, #66484C)
- Worn Driftwood Atelier color palette (#DBFEF9, #BCDEE5, #95AABA, #9C758C, #425649)
- Wandering Cocoa color palette (#FFF0FA, #CEAABB, #A47C87, #775C55, #654500)
- Hushed Workshop color palette (#E8E2FE, #AA86C2, #8E5484, #723829, #473200)
- Softworn Petrol Veranda color palette (#CFEDE4, #7C95C3, #66679A, #653550, #512730)
- Mulberry Station color palette (#D3EEFF, #92B4DB, #7480A9, #79446C, #6A2F2C)
- Aged Station color palette (#FAF5E8, #C9C1A6, #8F8239, #6A6A20, #5D4B00)
- Ancient Market color palette (#E1FCF3, #5D9FCF, #967DAD, #458474, #324841)
Browse the whole catalog at Explore, or see today's palette.