Weathered Cocoa Courtyard color palette — #FAF6DD · #BCC7A6 · #8AA692 · #936A5F · #754407
A conversation between Bronze and Walnut, giving this palette its sense of optimism and sophistication.
The five colors
- Cream (#FAF6DD): A whisper-light, dusty green — the color of fresh herbs.
- Pistachio (#BCC7A6): A luminous, dusty green — the color of new leaves after rain.
- Taupe (#8AA692): A luminous, dusty teal — the color of shallow lagoons.
- Walnut (#936A5F): A full-bodied, dusty orange — the color of autumn markets.
- Bronze (#754407): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Weathered Cocoa Courtyard 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
- Weathered Bronze Veranda color palette (#F8F7DB, #D1DBCA, #9FB4A8, #B37152, #684A00)
- Muted Lagoon color palette (#F8F5E9, #C4C8A2, #57A085, #727646, #434600)
- Timeworn Fern Bloom color palette (#DDF2DA, #98C1B2, #928CBF, #6F6537, #464800)
- Aged Veranda color palette (#E7FED6, #C0DEBB, #A4C4AC, #A3899D, #5F4553)
- Hazy Brick color palette (#E3E8D2, #6AC8A8, #229BB0, #AB323F, #573600)
- Tempered Delta color palette (#D6F4FC, #98B9C5, #6A889B, #5C6380, #55485A)
- Petrol Market color palette (#C0E8E3, #659EBB, #67649B, #5E4300, #172E00)
- Wandering Loft color palette (#E5E8D4, #5A9873, #007180, #76122A, #2F1800)
Browse the whole catalog at Explore, or see today's palette.