Pine Hollow color palette — #E6E8E0 · #C1C7B6 · #9BAB8D · #1C7334 · #1E2111

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

The five colors

• Parchment (#E6E8E0): bright and airy, almost weightless.
• Stone (#C1C7B6): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#9BAB8D): A luminous, dusty green — the color of new leaves after rain.
• Olive (#1C7334): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#1E2111): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Softworn Forest color palette (#E8EDE4, #ADB8A8, #889C86, #00624A, #0D1702)
• Muted Emerald Hollow color palette (#E3EDEB, #B0C4CF, #8EAECE, #52933F, #102320)
• Lagoon Drift color palette (#EFF9EB, #D2E4D0, #A9C7AE, #008B7A, #27391F)
• Clover Balcony color palette (#D6E4C9, #49D26B, #00B182, #00847D, #002019)
• Weathered Teal Bloom color palette (#D0ECE6, #42A9AD, #4C755E, #454777, #312346)
• Hushed Cypress Courtyard color palette (#DBE4D4, #00715B, #434D56, #002B28, #040C00)
• Emerald Courtyard color palette (#E5F2D0, #009865, #00675C, #00376F, #001C13)
• Muted Aubergine color palette (#E1ECE0, #008684, #005983, #34008A, #240021)

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