Pine Garden color palette — #F3F4DC · #82B784 · #03804A · #005663 · #032909
A conversation between Teal and Mint Leaf, giving this palette its sense of nature and growth.
The five colors
- Cream (#F3F4DC): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#82B784): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#03804A): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005663): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#032909): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Balance, 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 Denim color palette (#EDF5E6, #66B9A9, #007B76, #0F507D, #002721)
- Softworn Forest color palette (#ECF0DC, #639C7A, #00654A, #003F51, #00170A)
- Pine Cabin color palette (#EAFAF0, #91AF64, #007E41, #584577, #314118)
- Aged Archive color palette (#E3FBF6, #95CB98, #00A05E, #007687, #214424)
- Hazy Garnet color palette (#EAE5D2, #8B9F40, #436800, #760E00, #131900)
- Pewter Loft color palette (#F7F1E7, #C2B28C, #787849, #72493E, #312606)
- Washed Cerulean color palette (#F1F3E8, #98DDEB, #0091B1, #006264, #002939)
- Aged Alley color palette (#FCF4E4, #CEE2A6, #56A668, #725CA0, #28330D)
Browse the whole catalog at Explore, or see today's palette.