Pine Garden color palette — #E4E4D2 · #91AE4F · #277E27 · #00583A · #00433A
A conversation between Olive and Moss, giving this palette its sense of nature and growth.
The five colors
- Parchment (#E4E4D2): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#91AE4F): A luminous, balanced green — the color of new leaves after rain.
- Olive (#277E27): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#00583A): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#00433A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Amber Market color palette (#FDECD4, #B49531, #677100, #385600, #134122)
- Pale Lagoon color palette (#D9F2C2, #79B17A, #0F916F, #00645A, #08454F)
- Hushed Clover Cabin color palette (#E4E2C3, #A5CF68, #3CB634, #008C5E, #00423D)
- Forest Alley color palette (#DAFFEE, #53B294, #00704D, #00432E, #00281C)
- Olive Quarry color palette (#EEF4D4, #3B8D00, #006130, #00382C, #001F2A)
- Violet Boulevard color palette (#EBF2DE, #40A371, #975FA7, #00683F, #46264F)
- Sky Parlor color palette (#F3F8E0, #B8E8D6, #6EB1DC, #70793B, #35482C)
- Worn Coast color palette (#F2E6D5, #A5956F, #7F5D1E, #60391F, #31312A)
Browse the whole catalog at Explore, or see today's palette.