Weathered Cocoa color palette — #F5E6EE · #B8A2AC · #977480 · #5E2200 · #1E0D18
A conversation between Espresso and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#F5E6EE): a clean, paper-quiet neutral.
- Mauve (#B8A2AC): A luminous, dusty rose — the color of strawberry cream.
- Mocha (#977480): A full-bodied, dusty rose — the color of a warm blush.
- Espresso (#5E2200): A deep, shadowed, balanced orange — the color of sun-warmed clay.
- Ink (#1E0D18): A deep, shadowed, dusty pink — the color of neon signs at night.
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
- Patina Basalt color palette (#E8DFE2, #99B199, #6F8674, #522D00, #1E0E15)
- Muted Terracotta color palette (#F3EAE6, #C1B1A2, #A1937F, #8B3206, #1E1007)
- Aged Cabin color palette (#D7E4E0, #9FC1BA, #739692, #3C4C00, #0F241E)
- Tempered Quarry color palette (#E5DEE3, #A4B9B2, #73A7A8, #CB2E02, #1E0D1A)
- Chestnut Corridor color palette (#FDF2F6, #EDC7D3, #8FB192, #884600, #3F2D35)
- Pale Ember Study color palette (#FBD8E6, #EA5D00, #9F5D00, #644A00, #0F0600)
- Ancient Fern Villa color palette (#EEF8F3, #CDDDDE, #9EBAB4, #65682E, #333D39)
- Midnight Basin color palette (#CCEACF, #824700, #3F2C00, #001F0D, #140800)
Browse the whole catalog at Explore, or see today's palette.