Cocoa Courtyard color palette — #FAF4EF · #CBC0A5 · #6F8B5A · #785C6D · #614900
A conversation between Bronze and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF4EF): a clean, paper-quiet neutral.
- Stone (#CBC0A5): A luminous, dusty gold — the color of old brass.
- Fern (#6F8B5A): A luminous, dusty green — the color of fresh herbs.
- Graphite (#785C6D): A full-bodied, dusty pink — the color of peonies in June.
- Bronze (#614900): A full-bodied, balanced gold — the color of old brass.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns 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
- Aged Basin color palette (#FCF4E9, #DFD0AA, #97A273, #8C767F, #604A00)
- Aged Field color palette (#F7F6E8, #A6B691, #008487, #70504F, #354B03)
- Weathered Lagoon Orchard color palette (#EBF5EC, #A7CEB8, #618E7E, #5D5F76, #26352D)
- Patina Turquoise Study color palette (#FBF3F0, #CBE9E1, #57A4C2, #517A59, #5D4C5E)
- Worn Villa color palette (#FFF2ED, #E49995, #3FAAB1, #A95653, #3A553E)
- Patina Delta color palette (#F1F7F0, #C2E8D3, #ABBD93, #9099B4, #415248)
- Muted Summit color palette (#FFF2EB, #F9C2AC, #B66751, #763930, #3F3835)
- Pine Veranda color palette (#FFF3E2, #97AE5D, #007E4A, #5B4379, #344015)
Browse the whole catalog at Explore, or see today's palette.