Pine Courtyard color palette — #EAF5EE · #93A977 · #00793F · #204D5A · #01221B

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

The five colors

• Cream (#EAF5EE): bright and airy, almost weightless.
• Sage (#93A977): A luminous, dusty green — the color of fresh herbs.
• Pine (#00793F): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#204D5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Onyx (#01221B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Wandering Cypress color palette (#E2F8F1, #80AC8F, #007568, #3E4C27, #012121)
• Tempered Orchard color palette (#E6F6ED, #8CB766, #00804E, #573F71, #152603)
• Wandering Emerald Pier color palette (#D5ECE2, #6B9C67, #00654C, #492A55, #011801)
• Lagoon Villa color palette (#F6F6EB, #B9DBB4, #569C6A, #35705D, #282A13)
• Aged Garden color palette (#FDDAE5, #AB9500, #4C6500, #2B357C, #1B1600)
• Olive Study color palette (#D4E5DD, #588747, #005137, #003037, #020B00)
• Tempered Drift color palette (#F9EEF6, #98D4D8, #0089AB, #005E43, #00223C)
• Wandering Cornflower color palette (#E4EFFF, #4A77D6, #926400, #5E6000, #071427)

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