Pine Grove color palette — #F1F3EC · #CDDAD2 · #A8BEA5 · #3C7347 · #202119

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

The five colors

• Cream (#F1F3EC): a clean, paper-quiet neutral.
• Silver (#CDDAD2): a clean, paper-quiet neutral.
• Stone (#A8BEA5): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#3C7347): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#202119): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Pine Thicket color palette (#ECF8F6, #CBDCE9, #A4B7C0, #45703F, #2F3E3C)
• Cypress Studio color palette (#F3F3E1, #84AB8C, #00765A, #394E24, #1A1F08)
• Patina Lantern color palette (#F5F6EF, #D3DFD9, #B1B2C1, #709668, #2E2F27)
• Timeworn Meadow color palette (#E9F5EF, #C2DDE1, #D0B6CC, #007697, #142A20)
• Muted Workshop color palette (#E0E9D7, #99B399, #50829B, #634040, #3F2015)
• Weathered Abyss color palette (#E4E6E0, #ADB7A8, #60999C, #005133, #090C03)
• Charred Thicket color palette (#DCEBD4, #007663, #002B2E, #051001, #020300)
• Timeworn Station color palette (#E4EBE8, #D3C7D3, #B998AF, #005C84, #0D1915)

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