Wandering Pine color palette — #F9F0E6 · #A1A56D · #287734 · #4B3E65 · #211C06

Built around Olive, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F9F0E6): a clean, paper-quiet neutral.
• Sage (#A1A56D): A luminous, dusty green — the color of fresh herbs.
• Olive (#287734): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#4B3E65): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#211C06): A deep, shadowed, dusty green — the color of fresh herbs.

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 Lantern color palette (#F7F2E2, #80AE81, #007566, #5F3A40, #1B1E03)
• Lagoon Workshop color palette (#EEF9ED, #B5BA7D, #539159, #5E617C, #213C31)
• Hushed Olive Pier color palette (#F9ECD8, #6B8329, #00522F, #351C47, #060900)
• Patina Lantern color palette (#FAEFEA, #96D3E0, #0084C3, #005E42, #30152C)
• Ancient Studio color palette (#FFE8D7, #E2906C, #A24C00, #572800, #1F0600)
• Patina Villa color palette (#FCE4D4, #D86F42, #008C9B, #8E3400, #002126)
• Shadow Fern color palette (#E6DDD0, #516000, #003318, #200034, #020100)
• Weathered Pewter Courtyard color palette (#FFEEE7, #FFDEA8, #96BF7D, #9B5A87, #341F0D)

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