Pine Courtyard color palette — #F4F7EA · #DAE1CE · #B1C69E · #00903D · #32342D

Kelly Green takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F7EA): bright and airy, almost weightless.
• Bone (#DAE1CE): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B1C69E): A luminous, dusty green — the color of new leaves after rain.
• Kelly Green (#00903D): A full-bodied, vivid green — the color of new leaves after rain.
• Espresso (#32342D): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Washed Emerald Studio color palette (#F5F6EA, #CFE2D9, #C0C1CC, #3B9511, #262707)
• Timeworn Workshop color palette (#F1F7EE, #D5E3D4, #8ACBD1, #008B7B, #2C3628)
• Bronze Coast color palette (#F9F5EB, #E5DEC5, #B3C78F, #867900, #35332C)
• Pine Dune color palette (#ECEECE, #75BF7E, #008E56, #39691D, #083814)
• Tempered Summit color palette (#E3F1DA, #008C73, #00423E, #002119, #050900)
• Navy Chapel color palette (#D9EEBB, #00B47E, #008076, #00499C, #003125)
• Washed Parlor color palette (#DEE2DB, #9CA997, #589291, #005240, #050C01)
• Petrol Hollow color palette (#E8F1EB, #B4CABF, #80B1A0, #006C80, #16231B)

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