Weathered Cocoa color palette — #E4FBE4 · #B5D0BD · #80AA97 · #8A6979 · #694450
Cocoa and Sage set the tone — five colors that lean into sophistication.
The five colors
- Honeydew (#E4FBE4): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#B5D0BD): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#80AA97): A luminous, dusty teal — the color of glacier melt.
- Pewter (#8A6979): A full-bodied, dusty rose — the color of pressed rose petals.
- Cocoa (#694450): A full-bodied, dusty rose — the color of strawberry cream.
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
- Dusty Lichen color palette (#F4FAD0, #C1D0AB, #8FA485, #5A8175, #664A63)
- Wandering Cocoa Garden color palette (#F8F4DD, #AEB59A, #729579, #7C584B, #5B4900)
- Aged Aqua Dune color palette (#DEFCFF, #BFE0FF, #80C2CE, #778299, #4F5265)
- Soft Loft color palette (#C4EDFF, #8DC5F2, #829ACD, #885D85, #6E3A56)
- Wandering Driftwood color palette (#F0E2F0, #9DA7D1, #867DB4, #754759, #5B252E)
- Aubergine Canyon color palette (#C4EEEA, #72C2CD, #5190A9, #60578C, #502D6A)
- Hushed Lagoon Lagoon color palette (#F5F6EE, #C1E6DC, #62B3BC, #228C7F, #2B513A)
- Gentle Lagoon Thicket color palette (#BBF9EA, #6AD2C8, #00A3A0, #007F85, #004D55)
Browse the whole catalog at Explore, or see today's palette.