Wandering Pine color palette — #E4F7ED · #79AC9E · #3F733F · #65392D · #00221B

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

The five colors

• Cream (#E4F7ED): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#79AC9E): A luminous, dusty teal — the color of shallow lagoons.
• Olive (#3F733F): A full-bodied, balanced green — the color of a quiet forest floor.
• Cocoa (#65392D): A deep, shadowed, dusty orange — the color of sun-warmed clay.
• Onyx (#00221B): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Cypress Orchard color palette (#E4F7F1, #98BF9D, #4F816C, #684B58, #092E2B)
• Fern Hollow color palette (#E8F6EA, #A7A270, #5D6B38, #304F37, #002315)
• Cypress Corridor color palette (#FBF5E4, #9B9E7A, #237160, #613B5E, #35362F)
• Timeworn Violet Station color palette (#D5F1E6, #8C9B34, #8468C2, #515C00, #210D41)
• Patina Olive Market color palette (#D2EEE4, #598746, #00522C, #471A00, #020B00)
• Gentle Olive Lagoon color palette (#D9F6ED, #6A8900, #0074B5, #8C3D54, #101700)
• Weathered Cobalt color palette (#EDF4EE, #AFCCE1, #4080BA, #005A64, #0E1F40)
• Fern Quarry color palette (#D7F4E4, #4E6109, #093400, #181400, #010100)

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