Weathered Cocoa color palette — #ECEAFE · #A29AB8 · #806D8D · #6B380A · #3B2400
A conversation between Bronze and Espresso, giving this palette its sense of optimism and sophistication.
The five colors
- Frost (#ECEAFE): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#A29AB8): A luminous, dusty violet — the color of wild irises.
- Slate (#806D8D): A full-bodied, dusty violet — the color of a velvet chair.
- Bronze (#6B380A): A deep, shadowed, balanced gold — the color of honey in a jar.
- Espresso (#3B2400): A deep, shadowed, dusty gold — the color of old brass.
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
- Cocoa Courtyard color palette (#E9E1FD, #B4A1C6, #935D65, #643F03, #0F351F)
- Tempered Studio color palette (#D2E1F6, #93A3C7, #766B93, #523D5B, #401516)
- Aged Plum Boulevard color palette (#ECDDE9, #BB7D9A, #A8435C, #5B3A00, #291E00)
- Timeworn Garden color palette (#E1E1FA, #98719C, #70435E, #512000, #1A0C00)
- Antique Study color palette (#CBF1DA, #8B9EC5, #846890, #4D5827, #324431)
- Pewter Harbor color palette (#F8EDFF, #D1C5D2, #9D8897, #526C5C, #314C41)
- Tempered Ridge color palette (#F5E1F0, #B17F69, #7E582F, #2E4508, #002307)
- Fern Chapel color palette (#FFDBD2, #BF9AAC, #98774F, #38641B, #003418)
Browse the whole catalog at Explore, or see today's palette.