Pine Garden color palette — #D7EDB4 · #86AF6D · #277E37 · #004F2B · #003536
Olive and Jade set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#D7EDB4): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#86AF6D): A luminous, balanced green — the color of fresh herbs.
- Olive (#277E37): A full-bodied, balanced green — the color of fresh herbs.
- Forest (#004F2B): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Forest (#003536): A deep, shadowed, dusty teal — the color of glacier melt.
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
- Misty Workshop color palette (#F2E1A7, #ACA657, #666F00, #374800, #003525)
- Cypress Boulevard color palette (#D8ECDE, #65B091, #007A69, #004B47, #053040)
- Worn Delta color palette (#DFE7CB, #98D763, #63B359, #308C58, #003725)
- Misty Forest Bloom color palette (#F5EFD5, #6B944F, #006C3E, #00475D, #1D381A)
- Faded Emerald color palette (#FFE1A7, #B6BD65, #49961B, #006C53, #003534)
- Pine Garden color palette (#E2F6DA, #3A8F40, #005932, #002E21, #001A15)
- Olive Lagoon color palette (#F7F5ED, #D6DBD4, #B4B69C, #636A00, #3C3B34)
- Washed Ridge color palette (#E4EFDB, #98AD95, #63876C, #475781, #58384A)
Browse the whole catalog at Explore, or see today's palette.