Ancient Pine color palette — #F9F6E5 · #84B26D · #007E44 · #7D3C19 · #3B3B34

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

The five colors

• Ivory (#F9F6E5): A whisper-light, dusty green — the color of fresh herbs.
• Jade (#84B26D): A luminous, balanced green — the color of new leaves after rain.
• Pine (#007E44): A full-bodied, balanced teal — the color of sea glass.
• Bronze (#7D3C19): A full-bodied, balanced orange — the color of autumn markets.
• Charcoal (#3B3B34): quiet, heavy and certain.

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

Use it as a design system

One click turns Ancient 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

• Patina Summit color palette (#F5F6E9, #74A98A, #007461, #614424, #2E3C00)
• Washed Chestnut Coast color palette (#F9F5ED, #BAAF89, #637D40, #745302, #504100)
• Timeworn Clover color palette (#F8F2DE, #68BF68, #007D6B, #663A5F, #09280A)
• Dusty Mint color palette (#E1FDEE, #8FCE85, #009C83, #7F5B7B, #264322)
• Softworn Station color palette (#FAF7D2, #86B528, #9632D6, #496800, #482B5F)
• Faded Olive Loft color palette (#F7F7DC, #BEF9D5, #48D4C7, #6F7500, #2E4E2E)
• Wandering Pier color palette (#E1FFDB, #62BD66, #138118, #0B4C06, #043404)
• Washed Moss Boulevard color palette (#EDE5C5, #ADA300, #6B7900, #386100, #175227)

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