Pine Garden color palette — #F6F6E7 · #81B182 · #007E46 · #3E5A2A · #3A3B34
A conversation between Pine and Jade, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F6E7): a clean, paper-quiet neutral.
- Jade (#81B182): A luminous, balanced green — the color of new leaves after rain.
- Pine (#007E46): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#3E5A2A): A full-bodied, balanced green — the color of fresh herbs.
- Charcoal (#3A3B34): a grounded near-black with real depth.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Pine Garden 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
- Antique Fern Terrace color palette (#F3F8E8, #69AB90, #007461, #435207, #283D00)
- Aged Olive color palette (#FDF5DF, #A3AA52, #5C7400, #595215, #3B3E14)
- Patina Mint color palette (#E5FBF2, #87D085, #009D7A, #686E35, #244323)
- Fern Garden color palette (#F4F6ED, #BCC5AA, #528F79, #5A6C55, #43550E)
- Ancient Teal color palette (#CEE9E5, #00B7B4, #00868A, #005D66, #00434D)
- Misty Delta color palette (#FCF5E1, #A4E1A0, #00BFA4, #8F8B52, #214420)
- Hazy Indigo Meadow color palette (#C6F5FF, #008FA4, #5E57EB, #007526, #003740)
- Aged Olive Loft color palette (#E8E2D2, #798033, #3A4C00, #0C3907, #211A00)
Browse the whole catalog at Explore, or see today's palette.