Pine Garden color palette — #E5FBF1 · #85A766 · #307340 · #344D68 · #1F3C36
A conversation between Pine and Moss, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E5FBF1): A whisper-light, dusty teal — the color of shallow lagoons.
- Moss (#85A766): A luminous, balanced green — the color of new leaves after rain.
- Pine (#307340): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#344D68): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Forest (#1F3C36): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Faded Pine Lantern color palette (#E2FDF0, #8BB252, #237D33, #644363, #31401C)
- Pine Garden color palette (#E5F7EB, #97A870, #3B7345, #4A3F65, #00221A)
- Aged Mint color palette (#E5FBF6, #83C095, #45816E, #4F5A6F, #284948)
- Hushed Moss color palette (#D6F4DC, #9F9500, #4E6400, #47386D, #332F00)
- Jade Drift color palette (#F7F6E6, #B3D5AD, #6CB37E, #4E8F98, #35362F)
- Ancient Pine color palette (#D0EFEB, #007F59, #00413A, #1F174C, #00140B)
- Antique Cerulean Pier color palette (#EDF9EF, #89D3DE, #1085A4, #006157, #123F58)
- Linen Alley color palette (#F1EBFF, #D771CA, #388D43, #6F2668, #16401B)
Browse the whole catalog at Explore, or see today's palette.