Weathered Cocoa color palette — #FFF3E6 · #C9CAAD · #8DA18C · #8C6F6C · #684340
Built around Cocoa, softened by Pistachio — the whole palette hums with sophistication.
The five colors
- Cream (#FFF3E6): A whisper-light, dusty gold — the color of honey in a jar.
- Pistachio (#C9CAAD): A whisper-light, dusty green — the color of a quiet forest floor.
- Taupe (#8DA18C): A luminous, dusty green — the color of a quiet forest floor.
- Mocha (#8C6F6C): A full-bodied, dusty orange — the color of toasted spice.
- Cocoa (#684340): A full-bodied, dusty orange — the color of autumn markets.
Feels like: 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
- Bronze Market color palette (#FEF4DF, #CED6C0, #98B3A6, #B06F4E, #7B3F1E)
- Bronze Studio color palette (#FFF3E6, #CEC4A1, #799977, #94672C, #504100)
- Tempered Teal color palette (#FFF1F7, #C7F6E8, #79C0B7, #84718A, #514155)
- Dusty Cerulean Basin color palette (#F3EABF, #84CBB7, #619ABE, #926B3E, #5C401F)
- Worn Chestnut color palette (#EEE8CF, #92AC87, #5D89A8, #725826, #3A3630)
- Mint Bloom color palette (#EEE6C2, #6CC29F, #3A8DB3, #854854, #632C39)
- Tempered Garden color palette (#EEDFC9, #7A9465, #18716C, #5B2528, #38080E)
- Tempered Periwinkle Basin color palette (#FBF3EE, #C1E8E6, #7BA8DC, #368B79, #5A3D50)
Browse the whole catalog at Explore, or see today's palette.