Weathered Cocoa color palette — #FBF4EE · #DBDACD · #BCC2AB · #9E775A · #572F00
Espresso and Mocha set the tone — five colors that lean into optimism and sophistication.
The five colors
- Ivory (#FBF4EE): a clean, paper-quiet neutral.
- Bone (#DBDACD): a clean, paper-quiet neutral.
- Stone (#BCC2AB): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#9E775A): A luminous, dusty gold — the color of afternoon light on wheat.
- Espresso (#572F00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
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
- Bronze Station color palette (#F8F5EC, #E4E0BD, #BDC1A1, #867900, #35332C)
- Wandering Amber Alley color palette (#FAF3F5, #CED9DB, #999DAE, #B87A40, #3A292F)
- Patina Chestnut Grove color palette (#E2DED6, #BAB49F, #999873, #655000, #191306)
- Aged Station color palette (#ECE2D3, #A17A00, #4D3F00, #292012, #120C05)
- Washed Stone color palette (#F9F5E7, #A0C180, #5A8F62, #69615D, #36362F)
- Weathered Sand Balcony color palette (#FCDAAA, #C1B28B, #79966F, #7D6281, #533E49)
- Soft Mustard color palette (#FFF3E2, #FFCAB2, #EEB73B, #94A935, #3B2C00)
- Amber Drift color palette (#FFECCE, #E28A18, #827A00, #1C5C7C, #34302A)
Browse the whole catalog at Explore, or see today's palette.