Weathered Cocoa Hollow color palette — #FFF5D9 · #C6C6A6 · #98A98C · #8A6B7E · #6B4850
Built around Coffee, softened by Slate — the whole palette hums with sophistication.
The five colors
- Custard (#FFF5D9): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#C6C6A6): A luminous, dusty green — the color of new leaves after rain.
- Sage (#98A98C): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#8A6B7E): A full-bodied, dusty pink — the color of peonies in June.
- Coffee (#6B4850): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Weathered Cocoa Hollow 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 Lichen Boulevard color palette (#B3F9D3, #AFCEAC, #6099B1, #8D627B, #6E3E44)
- Cocoa Studio color palette (#E7F2E4, #8FC7D5, #709C90, #83635D, #6F3510)
- Stone Field color palette (#FFF0F8, #B2DFCB, #89C6B9, #9687A6, #51455D)
- Dusty Lagoon color palette (#D1EEE3, #76B3BA, #4E8AAC, #7E4864, #562524)
- Worn Bronze color palette (#F5F7E8, #BBCBA3, #629C91, #94682B, #364B02)
- Garnet Station color palette (#DCE4D0, #72C89B, #259A9C, #6D4B82, #5F1C46)
- Muted Iris color palette (#EFFADE, #67B890, #8D90D8, #B2745D, #363932)
- Turquoise Harbor color palette (#F9F4ED, #BDE9E3, #6FAFC8, #438880, #265144)
Browse the whole catalog at Explore, or see today's palette.