Pine Courtyard color palette — #F4F6EF · #96D0A7 · #00908C · #367E50 · #293028

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Mint Leaf (#96D0A7): A luminous, balanced teal — the color of sea glass.
• Fern (#00908C): A full-bodied, balanced teal — the color of shallow lagoons.
• Olive (#367E50): A full-bodied, balanced teal — the color of sea glass.
• Deep Forest (#293028): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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 Cobalt color palette (#F1F7F2, #8BCDD3, #3D83B9, #007C84, #21322D)
• Worn Olive color palette (#F7F5EF, #C6C390, #578D46, #757024, #2E2E28)
• Ancient Olive color palette (#F3F2E9, #B3CE96, #5F86B0, #627B43, #1A131B)
• Worn Archive color palette (#E6FED7, #82C7BC, #009291, #006772, #004E5D)
• Worn Oat Study color palette (#EEF8F5, #C0DD9E, #6EA1CF, #7E9660, #272F37)
• Teal Quarry color palette (#F1F7ED, #00BC9B, #00727F, #006552, #052411)
• Lagoon Market color palette (#E4F3E7, #008692, #31406E, #00393F, #000503)
• Weathered Hollow color palette (#F3F6F0, #D3DDD8, #A0AFB8, #5A8F79, #50544B)

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