Pine Grove color palette — #F1F3EC · #77C895 · #00877F · #157746 · #081107

Pine and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Mint Leaf (#77C895): A luminous, balanced teal — the color of sea glass.
• Teal (#00877F): A full-bodied, balanced teal — the color of sea glass.
• Pine (#157746): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#081107): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

One click turns Pine Grove 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

• Tempered Cerulean Atelier color palette (#EEF3EE, #89D3CF, #1D8DC0, #008380, #0D1914)
• Muted Fern Meadow color palette (#ECF8F5, #94BD7D, #007C93, #446C2A, #132730)
• Frosted Olive Courtyard color palette (#F4F2E9, #B8B86C, #338B25, #6B6800, #0E0F04)
• Tempered Teal Cabin color palette (#DFF9D2, #56C1BA, #00878B, #005763, #002832)
• Wandering Lantern color palette (#ECF8F8, #8BD8AB, #22A1AC, #349565, #13272E)
• Timeworn Teal Harbor color palette (#E4F3DE, #00AC99, #00657E, #00594E, #000407)
• Weathered Sapphire Courtyard color palette (#E9F5ED, #00BBD8, #006AC7, #006777, #120214)
• Worn Cypress Canyon color palette (#E8F0E1, #007A61, #203D58, #003226, #000102)

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