Pine Grove color palette — #E0E3D5 · #007D30 · #004547 · #00162B · #020100

Built around Olive, softened by Deep Teal — the whole palette hums with nature and growth.

The five colors

• Parchment (#E0E3D5): a clean, paper-quiet neutral.
• Olive (#007D30): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#004547): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#00162B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged dark, 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

• Cellar Onyx Boulevard color palette (#D9E6CE, #00795E, #004353, #07004E, #010100)
• Olive Study color palette (#EEE9DA, #6E6B00, #004926, #001A1C, #030100)
• Smoked Forest Villa color palette (#CBE5E4, #005931, #003136, #001231, #080800)
• Emerald Lagoon color palette (#E0EEE3, #009C66, #005A42, #003026, #000604)
• Fern Study color palette (#E3E5D1, #645D64, #175E01, #0E1D1E, #000802)
• Navy Corridor color palette (#E5F1E7, #539E87, #006C69, #0C335D, #020220)
• Smoked Cocoa Pier color palette (#D6F2DD, #5B4600, #002F3D, #26000F, #050000)
• Clover Ridge color palette (#F2FBD3, #00B852, #007A7E, #004170, #171200)

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