Weathered Cocoa color palette — #FFF2EB · #C9BEA9 · #979883 · #826B73 · #664B43
Built around Coffee, softened by Stone — the whole palette hums with sophistication.
The five colors
- Ivory (#FFF2EB): bright and airy, almost weightless.
- Stone (#C9BEA9): A luminous, dusty gold — the color of honey in a jar.
- Taupe (#979883): A luminous, dusty green — the color of new leaves after rain.
- Pewter (#826B73): A full-bodied, dusty rose — the color of strawberry cream.
- Coffee (#664B43): A full-bodied, dusty orange — the color of sun-warmed clay.
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
- Tempered Driftwood color palette (#F8F5EB, #C2C3A3, #748B49, #785F5A, #515000)
- Dusty Bloom color palette (#F9F6E5, #DBDBC5, #AAB292, #668974, #3F524A)
- Ancient Lagoon color palette (#FFE5D4, #B5A67F, #4D8B61, #714D77, #74374D)
- Worn Petrol Courtyard color palette (#E4F7F0, #AFCCC8, #719C9C, #436B82, #2E3E4D)
- Softworn Cypress Orchard color palette (#FAF4EE, #CBE6E8, #AD8CAD, #377B7E, #64495B)
- Antique Alley color palette (#F7F6E9, #A4B97F, #9A8FC8, #667C39, #604351)
- Ancient Moss color palette (#F9F7DD, #8AA25F, #917EB7, #925F7C, #43433B)
- Dusty Cocoa Boulevard color palette (#E6F1DF, #69B29D, #007796, #802F17, #5F2A0D)
Browse the whole catalog at Explore, or see today's palette.