Pine Courtyard color palette — #EAF3E7 · #008C41 · #004D38 · #002A22 · #001110

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

The five colors

• Cream (#EAF3E7): bright and airy, almost weightless.
• Fern (#008C41): A full-bodied, balanced teal — the color of glacier melt.
• Forest (#004D38): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Forest (#002A22): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#001110): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Airy Emerald color palette (#E6EDDB, #209423, #005F47, #003A32, #04202F)
• Patina Alley color palette (#DEEBE3, #00745F, #00463E, #001E20, #000709)
• Pale Olive color palette (#EEEFCC, #6B7A00, #315400, #013106, #000C05)
• Frosted Basin color palette (#DEE7C5, #23B523, #007658, #003E3C, #000F14)
• Mulberry Quarry color palette (#E6F5DA, #007E63, #9D006A, #004132, #16000B)
• Timeworn Cabin color palette (#D3E5DE, #009F94, #006A6B, #003D45, #00222C)
• Patina Mint color palette (#C3ECCA, #49C793, #008871, #00615C, #17331E)
• Softworn Basin color palette (#DAE2D5, #40C3D0, #0091C5, #005F34, #001210)

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