Weathered Cocoa color palette — #F0F5FF · #B1B3E6 · #9986B5 · #77424F · #3C2039
Coffee takes the lead with Heather close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Ivory (#F0F5FF): bright and airy, almost weightless.
- Lavender (#B1B3E6): A luminous, dusty violet — the color of a velvet chair.
- Heather (#9986B5): A luminous, dusty violet — the color of wild irises.
- Coffee (#77424F): A full-bodied, dusty red — the color of embers at dusk.
- Deep Indigo (#3C2039): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Creativity, 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
- Azure Corridor color palette (#E9F7FF, #9CC9E5, #6793CD, #684C72, #312840)
- Antique Garden color palette (#EFEEFF, #D1AACB, #B67995, #765062, #432A00)
- Aged Pewter color palette (#F1F5FF, #C9D0FA, #AC93B9, #8C5859, #4E3547)
- Plum Harbor color palette (#DFE0FF, #B6A4D0, #8F5097, #693530, #2A0C00)
- Antique Balcony color palette (#DAEFFF, #768ABB, #795263, #5D340B, #261B00)
- Timeworn Lantern color palette (#E7DBF3, #AF74B3, #894A70, #5D2300, #120600)
- Powder Grove color palette (#D1EDF5, #97B7EA, #9591B9, #5B7C67, #1C3E2A)
- Weathered Garnet Delta color palette (#F8E3F1, #AB6881, #782835, #2F1E00, #000401)
Browse the whole catalog at Explore, or see today's palette.