Wandering Pine color palette — #E8F6EE · #92A87D · #147748 · #2B4F3D · #00221C

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

The five colors

• Cream (#E8F6EE): bright and airy, almost weightless.
• Sage (#92A87D): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#147748): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Olive (#2B4F3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Onyx (#00221C): A deep, shadowed, dusty teal — the color of sea glass.

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

• Wandering Pine color palette (#E5FBF3, #87A66D, #3E7138, #2F5348, #1C3C36)
• Tempered Ridge color palette (#DAF3DC, #3BB382, #00796D, #00484D, #002835)
• Worn Cypress Harbor color palette (#E6F6F1, #7FAC90, #007569, #653833, #002221)
• Airy Moss color palette (#FDDAE5, #AA9500, #4C6600, #004A39, #1B1600)
• Timeworn Emerald color palette (#F9F6E3, #C1D9AE, #629A59, #5E6939, #2A290F)
• Hushed Atelier color palette (#E1F6FF, #20C2CD, #00727C, #003C40, #001011)
• Olive Market color palette (#D6E6DF, #4D8943, #00513B, #2B2C00, #000A09)
• Crimson Canyon color palette (#D0F0F7, #00A6A1, #CC4659, #00625F, #350B11)

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