Pine Courtyard color palette — #E9E5CF · #85B478 · #228555 · #00635E · #183011
A conversation between Fern and Jade, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E9E5CF): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#85B478): A luminous, balanced green — the color of new leaves after rain.
- Fern (#228555): A full-bodied, balanced teal — the color of shallow lagoons.
- Pine (#00635E): A full-bodied, dusty teal — the color of glacier melt.
- Deep Forest (#183011): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Balance, 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
- Washed Olive Ridge color palette (#F0E3D0, #AEA672, #6B7A2B, #225E6F, #2F2900)
- Pine Quarry color palette (#E2FCF2, #A1C797, #008D55, #0F5D59, #001E1A)
- Lagoon Orchard color palette (#F6F6E8, #93C29C, #3F9276, #4F6C52, #323A00)
- Washed Ridge color palette (#ECE3D5, #849265, #00663B, #004654, #232E00)
- Washed Cerulean color palette (#F5EDE2, #AACFB2, #0095B6, #006D60, #00324A)
- Feathered Orchard color palette (#D8EADC, #ADC483, #00AC6D, #258199, #063027)
- Washed Basalt color palette (#FDF4E6, #D0C3A2, #8A956B, #5D796A, #534000)
- Tempered Pine Archive color palette (#E3E2D0, #44864B, #005339, #15275A, #000901)
Browse the whole catalog at Explore, or see today's palette.