Weathered Cocoa color palette — #D2E4F3 · #969EC7 · #846D95 · #693C00 · #312E28
Built around Bronze, softened by Slate — the whole palette hums with optimism and sophistication.
The five colors
- Frost (#D2E4F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Blue Fog (#969EC7): A luminous, dusty violet — the color of twilight just after sunset.
- Slate (#846D95): A full-bodied, dusty violet — the color of twilight just after sunset.
- Bronze (#693C00): A full-bodied, balanced gold — the color of old brass.
- Espresso (#312E28): quiet, heavy and certain.
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
- Aged Coast color palette (#F6D7EC, #B39ED1, #906869, #624900, #2B2701)
- Muted Fern color palette (#B4F2FA, #91AAC4, #78789D, #595728, #204F46)
- Washed Workshop color palette (#FFE8FB, #D0ACBC, #A97D84, #795309, #35342E)
- Patina Iris color palette (#CEE2FC, #7A76C1, #613C6E, #37322C, #121200)
- Antique Pewter Harbor color palette (#E3EBFF, #B0B1DC, #8F90B5, #895962, #573953)
- Wisteria Harbor color palette (#DFE0F2, #C477DC, #934F73, #4C4C00, #062B01)
- Bronze Parlor color palette (#E0FFDF, #B7D6FC, #B592B6, #7C691E, #383730)
- Worn Harbor color palette (#F5EAF5, #B47589, #8C5B4D, #393F00, #11200B)
Browse the whole catalog at Explore, or see today's palette.