Pine Courtyard color palette — #E8F3E7 · #008D4C · #006841 · #003929 · #001711
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#E8F3E7): a clean, paper-quiet neutral.
- Fern (#008D4C): A full-bodied, balanced teal — the color of sea glass.
- Pine (#006841): A full-bodied, balanced teal — the color of sea glass.
- Deep Forest (#003929): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001711): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Balance. 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
- Olive Villa color palette (#E4EAD8, #348200, #005129, #002921, #00121A)
- Muted Lagoon color palette (#C6E6DE, #008F85, #006260, #003638, #001C20)
- Olive Villa color palette (#EDF0D6, #708200, #466000, #1C3800, #011601)
- Pine Meadow color palette (#C2E9E9, #008E5C, #925500, #005334, #1B0B00)
- Softworn Jade Hollow color palette (#CBE9D4, #00BE83, #009273, #006253, #003A34)
- Washed Market color palette (#BFEAE1, #74BAD7, #00A3BA, #006D4E, #001C1A)
- Softworn Denim Delta color palette (#C6EFE5, #007767, #005F98, #4B4F00, #000A07)
- Powdered Turquoise Alley color palette (#BFE9EC, #00B3C7, #007F94, #00566A, #003749)
Browse the whole catalog at Explore, or see today's palette.