Pine Courtyard color palette — #F1F3EB · #ABCEAB · #479282 · #48814A · #12180E

Built around Fern, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Pistachio (#ABCEAB): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#479282): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#48814A): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#12180E): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Cypress Field color palette (#EEF4EE, #85D3D1, #468DA7, #1E817F, #0A1A12)
• Wandering Olive color palette (#EFF7F4, #B7C899, #4087A4, #607726, #20303A)
• Lagoon Grove color palette (#CCFFEB, #95D2C3, #43948E, #005F64, #003239)
• Antique Emerald Canyon color palette (#EEF8F6, #B6DDB8, #5DABA7, #53A05C, #1D3236)
• Hushed Quarry color palette (#EEF4E8, #1EC399, #007986, #006B53, #000C0E)
• Patina Lagoon color palette (#E0E7DD, #00A48C, #00606E, #005346, #000301)
• Driftwood Ridge color palette (#F5F2E7, #938D42, #8D5977, #723F3B, #241A0D)
• Teal Atelier color palette (#EBF5E9, #4BAFA4, #467894, #464578, #2A2904)

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