Wandering Pine color palette — #ECF4F3 · #CFD9DE · #AEC0CA · #558255 · #222F2D

A conversation between Fern and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#CFD9DE): bright and airy, almost weightless.
• Ash (#AEC0CA): A luminous, dusty blue — the color of open sky before noon.
• Fern (#558255): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#222F2D): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Muted Pewter color palette (#F5F6EE, #D2E0D7, #B3C5C0, #607E55, #484840)
• Petrol Grove color palette (#ECF3F7, #D1D6E3, #A2BAD1, #00708B, #14222A)
• Tempered Lagoon Ridge color palette (#D3E5E7, #00896C, #003A34, #001A1C, #010808)
• Ancient Cerulean Grove color palette (#D1F8FF, #8EBAC8, #5E8A9F, #4E5975, #303349)
• Worn Parlor color palette (#EFF7F5, #D3DCE1, #BEB3BA, #86AA76, #384140)
• Patina Spruce Drift color palette (#E8F2F1, #8EA5A6, #54858C, #004224, #000606)
• Jade Atelier color palette (#DBFAF0, #5EB086, #007C6F, #1B4778, #09282A)
• Abyss Lantern color palette (#E7F1F9, #A4B5C6, #7890AC, #004A68, #040C13)

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