Pine Courtyard color palette — #F7F6E7 · #96BC8A · #4E8157 · #585B54 · #42433C

Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Sage (#96BC8A): A luminous, balanced green — the color of fresh herbs.
• Fern (#4E8157): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#585B54): quiet, heavy and certain.
• Charcoal (#42433C): quiet, heavy and certain.

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

• Timeworn Fern Loft color palette (#F8F5E9, #A8B781, #657C51, #566017, #4C4300)
• Stone Delta color palette (#F3F7EC, #96CFBB, #558D83, #5B6B5C, #485140)
• Worn Basin color palette (#FBF6DD, #8EB240, #477922, #0A5D5A, #334017)
• Washed Teal color palette (#FAF4EC, #DBD6B8, #85BB93, #759B82, #4D4200)
• Ancient Lagoon color palette (#FFF0FD, #789EE8, #2BA076, #47649E, #41443D)
• Patina Jade color palette (#E8EFD0, #00AC72, #006A52, #004E49, #063723)
• Ancient Harbor color palette (#E2E5D5, #00915A, #00523C, #003443, #161E00)
• Timeworn Mallow Archive color palette (#FFF0F9, #E4D7E4, #D8B8EE, #987793, #5F4A55)

Browse the whole catalog at Explore, or see today's palette.