Pine Grove color palette — #ECF9EE · #A2A96C · #437935 · #005E57 · #3B3E00

A conversation between Olive and Sage, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sage (#A2A96C): A luminous, balanced green — the color of new leaves after rain.
• Olive (#437935): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005E57): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Olive (#3B3E00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Balance, Grounding. Tagged botanical, earthy, 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

• Cypress Courtyard color palette (#EBF9F2, #87A57A, #257353, #0E555E, #043F37)
• Olive Study color palette (#F6F2E1, #96B370, #327F00, #1D5938, #242101)
• Patina Moss color palette (#E1FDF2, #A5C974, #449E0E, #337950, #17433A)
• Navy Archive color palette (#DCF2DD, #9B953E, #3F6800, #37338C, #332F00)
• Weathered Lagoon color palette (#CEE4DC, #55885A, #005140, #003441, #002206)
• Ancient Lagoon Station color palette (#EEF8F0, #ADC8BD, #578D86, #5E6480, #3E524B)
• Clover Ridge color palette (#FFF4E1, #CADA60, #6ABC62, #5A9590, #393E13)
• Muted Azure color palette (#EEF6FF, #4799E1, #A47500, #005FA0, #4E3600)

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