Pine Courtyard color palette — #FAF5E9 · #A19D72 · #327245 · #69394D · #36362F
A conversation between Pine and Cocoa, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FAF5E9): a clean, paper-quiet neutral.
- Taupe (#A19D72): A luminous, dusty green — the color of a quiet forest floor.
- Pine (#327245): A full-bodied, balanced teal — the color of glacier melt.
- Cocoa (#69394D): A full-bodied, dusty rose — the color of a warm blush.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine 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 Chapel color palette (#F5F6EB, #74A797, #007174, #693E2D, #2D3A22)
- Olive Coast color palette (#E4F7ED, #9FA573, #576F19, #613D16, #012318)
- Fern Basin color palette (#F7F5EC, #ACB48D, #428171, #7E484A, #3F4800)
- Dusty Olive Chapel color palette (#F9F5EA, #B2BB7E, #718B3E, #7C5C3B, #37352F)
- Antique Indigo color palette (#F5EFD7, #909348, #776ABF, #5A5B00, #352A62)
- Hazy Orchard color palette (#FBE6D6, #C19F50, #736B00, #3F5000, #203F10)
- Bronze Field color palette (#FAF6E3, #D9E1BA, #46BCB8, #905E00, #46453E)
- Onyx Balcony color palette (#F0E9D3, #638552, #005236, #531328, #0B2100)
Browse the whole catalog at Explore, or see today's palette.