Washed Cocoa Courtyard color palette — #FFF2EE · #DFDCC1 · #B8BB9C · #91737B · #6A4A53
A conversation between Charcoal Brown and Stone, giving this palette its sense of sophistication.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Bone (#DFDCC1): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#B8BB9C): A luminous, dusty green — the color of fresh herbs.
- Mocha (#91737B): A full-bodied, dusty red — the color of embers at dusk.
- Charcoal Brown (#6A4A53): A full-bodied, dusty red — the color of embers at dusk.
Feels like: Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Washed 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 Courtyard color palette (#FFEFDC, #BCB49A, #789672, #705572, #412E38)
- Dusty Pewter Summit color palette (#FFF3E6, #CBF1C3, #67B2BB, #995B68, #60323C)
- Weathered Ash color palette (#E3FBE1, #C6DFD2, #94BEB6, #7A99C6, #464E6D)
- Airy Teal color palette (#FFF2ED, #D9CC80, #20AA8A, #814878, #531C4C)
- Cocoa Courtyard color palette (#EEE5AC, #77B897, #437895, #6E371E, #2D0B00)
- Washed Harbor color palette (#FAF4EE, #C2E3F5, #A3BAEE, #28948E, #543444)
- Sunlit Loft color palette (#FAF6E2, #CFDD95, #CEA8F2, #85923D, #422D55)
- Patina Wisteria Alley color palette (#FAF6DC, #B2C576, #C794D4, #A980B4, #302B10)
Browse the whole catalog at Explore, or see today's palette.