Pine Garden color palette — #EDF8F7 · #7EC987 · #6E76CE · #188835 · #10182A

Olive Leaf and Periwinkle set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F7): a clean, paper-quiet neutral.
• Mint Leaf (#7EC987): A luminous, balanced green — the color of a quiet forest floor.
• Periwinkle (#6E76CE): A full-bodied, balanced violet — the color of wild irises.
• Olive Leaf (#188835): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#10182A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone.

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

• Cobalt Balcony color palette (#EBF9F3, #B2BD60, #3D84C7, #707900, #091929)
• Softworn Iris color palette (#EAF8F9, #93D4BB, #8685D2, #219573, #1D2337)
• Cornflower Drift color palette (#F5F6EC, #A7E2A2, #697AFC, #218E1E, #0C0209)
• Linen Violet Ridge color palette (#ECF7FB, #3BCAD2, #926CB9, #008287, #161627)
• Quiet Basin color palette (#EDF8F8, #87DFBF, #00B2E7, #00B087, #061B26)
• Dusty Jade color palette (#E1F7F6, #49AC6D, #8E58A4, #694900, #3B2700)
• Patina Hollow color palette (#FFE6F5, #04BC9D, #3E7BB8, #833F24, #00383C)
• Hushed Raspberry Meadow color palette (#DFF7FC, #00C5B7, #CE009C, #007A71, #240319)

Browse the whole catalog at Explore, or see today's palette.