Pine Courtyard color palette — #D7E9E6 · #7CB48F · #058660 · #2F632F · #003219
Built around Fern, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Frost (#D7E9E6): a clean, paper-quiet neutral.
- Jade (#7CB48F): A luminous, dusty teal — the color of sea glass.
- Fern (#058660): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#2F632F): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Forest (#003219): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Dusty Hollow color palette (#D7EADF, #A8AA69, #697C00, #3D602F, #2B2B00)
- Wandering Lagoon Grove color palette (#EAF9F8, #89C3AA, #1C947D, #37714E, #043E40)
- Aged Mint Drift color palette (#F4F8DF, #78D199, #1E8A66, #3B5A3B, #151B00)
- Forest Field color palette (#D5F1E8, #689057, #006521, #00432E, #041400)
- Soft Moss Meadow color palette (#EAFAF1, #BAC180, #789234, #107A6A, #3B3E00)
- Pale Mint color palette (#E7E6D4, #72D195, #00A894, #6C7C51, #252C0F)
- Tempered Delta color palette (#D0E7E7, #00AAB4, #008799, #00586A, #003443)
- Indigo Corridor color palette (#CEEDFD, #0096B1, #6F68D8, #007E3A, #00242C)
Browse the whole catalog at Explore, or see today's palette.