Pine Hollow color palette — #E4F7ED · #8CAB77 · #00784C · #005058 · #00221D

Pine takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E4F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#8CAB77): A luminous, balanced green — the color of fresh herbs.
• Pine (#00784C): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005058): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#00221D): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

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

• Pine Cabin color palette (#E2FCF6, #7BA87D, #247449, #1F5459, #1E3B39)
• Muted Pier color palette (#FCEDF2, #AE9F6F, #5E6D12, #354765, #052212)
• Weathered Loft color palette (#E2F8ED, #82B971, #007F5A, #5A3F6A, #102708)
• Worn Garden color palette (#D2E3DD, #5D9F6A, #006453, #492C4C, #001615)
• Worn Lagoon Chapel color palette (#EAF4F1, #8CBEBC, #008878, #375A6F, #0A2D2C)
• Aged Pine color palette (#DEF0E9, #4A894B, #00503D, #002F3A, #000B01)
• Weathered Bloom color palette (#FAF5E6, #99C381, #4F9070, #4E6C56, #36362F)
• Worn Moss Boulevard color palette (#D6ECD6, #A39800, #416800, #32327B, #191700)

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