Pine Hollow color palette — #F5F6EF · #D4DCD8 · #B3C3BF · #49844A · #474D00

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

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Silver (#D4DCD8): bright and airy, almost weightless.
• Stone (#B3C3BF): soft and architectural.
• Fern (#49844A): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Olive (#474D00): A full-bodied, balanced green — the color of new leaves after rain.

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

• Tempered Lagoon color palette (#F2F7F1, #D1DEDD, #B3C3C6, #228481, #424B41)
• Muted Meadow color palette (#F3F7ED, #CAD6CA, #7CAFC3, #006B4D, #273A00)
• Abyss Delta color palette (#DFE3D7, #A4ACA1, #688873, #004423, #111603)
• Chestnut Veranda color palette (#F8F5D6, #AABB9C, #678C7A, #845852, #764607)
• Hushed Garnet color palette (#FFF2EB, #7DA472, #00797B, #7B3143, #3C3E37)
• Ancient Loft color palette (#DDE8E3, #C0B5BF, #A38394, #004B67, #06261B)
• Misty Garden color palette (#F1F8EA, #DEE998, #47CFA0, #00A1CB, #31472E)
• Weathered Pier color palette (#F6F5EF, #D5DED7, #B1C6BD, #647F32, #504900)

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