Weathered Cocoa color palette — #F9E1E4 · #9F6D5B · #644717 · #003C3A · #001219
Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.
The five colors
- Rose Water (#F9E1E4): A whisper-light, dusty red — the color of embers at dusk.
- Mocha (#9F6D5B): A full-bodied, dusty orange — the color of sun-warmed clay.
- Bronze (#644717): A full-bodied, dusty gold — the color of old brass.
- Deep Teal (#003C3A): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001219): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Muted Bronze color palette (#F7DBDF, #B16347, #624000, #002320, #000102)
- Antique Spruce Meadow color palette (#E7DDE8, #A06983, #6F403B, #183D07, #001B14)
- Powdered Alley color palette (#FFE4CE, #8C7435, #4B5721, #00314C, #030238)
- Chestnut Quarry color palette (#E7D8F4, #B17486, #8F5800, #28477C, #011030)
- Aged Coast color palette (#F3D5E2, #9D5200, #006084, #572B00, #00070D)
- Powdered Aubergine Garden color palette (#FAE7D7, #7F4900, #005A52, #511581, #040100)
- Muted Study color palette (#DEDCF0, #6B5E80, #572F1A, #061B4B, #10032C)
- Denim Station color palette (#FFE4D4, #AF945A, #6A713A, #005275, #172444)
Browse the whole catalog at Explore, or see today's palette.