Pine Courtyard color palette — #DAE9E2 · #448C53 · #005048 · #4F1828 · #002208

Fern and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#DAE9E2): a clean, paper-quiet neutral.
• Fern (#448C53): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#005048): A deep, shadowed, dusty teal — the color of sea glass.
• Espresso (#4F1828): A deep, shadowed, balanced red — the color of late-summer berries.
• Ink (#002208): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Tempered Forest color palette (#E7F3E7, #79812C, #00541F, #4A1641, #1A1D00)
• Washed Loft color palette (#D8E9E3, #579C7A, #006262, #5C2948, #003031)
• Worn Ridge color palette (#E9EED5, #008E68, #004F48, #27224E, #000B05)
• Plum Study color palette (#F9E8FF, #B83164, #006765, #6D0033, #00201F)
• Deep Quarry color palette (#D2E9DC, #3A6B2D, #003328, #28012E, #010800)
• Pine Loft color palette (#EFF8EE, #9CA061, #317338, #504369, #1E3C31)
• Washed Orchard color palette (#EFEEDE, #6EBA8E, #009385, #7F517A, #002210)
• Weathered Moss color palette (#E8D8F6, #F0956B, #958C00, #673787, #31182D)

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