Pine Hollow color palette — #FEEEE9 · #BE6971 · #498549 · #005C70 · #2A130C

Fern and Mocha set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FEEEE9): bright and airy, almost weightless.
• Mocha (#BE6971): A luminous, balanced red — the color of late-summer berries.
• Fern (#498549): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#005C70): A full-bodied, dusty blue — the color of open sky before noon.
• Ink (#2A130C): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Bronze Corridor color palette (#FEEDEE, #AE6E9A, #86750D, #005E60, #2B1013)
• Patina Denim Archive color palette (#FCEFE8, #B98777, #4E927A, #425D90, #2F1E14)
• Fern Drift color palette (#FBEFE7, #A96737, #556500, #004568, #210A08)
• Olive Harbor color palette (#FFF3E8, #B36E32, #468232, #006152, #37322D)
• Pale Bronze color palette (#FCF0DD, #D08582, #8C6200, #22447E, #371A05)
• Nightshade Harbor color palette (#FFEFDC, #A66F00, #007A7D, #3A2CAF, #1E1100)
• Patina Brick color palette (#FEE4DA, #C9011E, #006D45, #003F64, #1E0001)
• Hushed Jade color palette (#F6F3FF, #C784BF, #1CA874, #3A759C, #352F43)

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