Ancient Pine color palette — #EAF6E9 · #A2A473 · #3E733F · #404363 · #002317

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#EAF6E9): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#A2A473): A luminous, dusty green — the color of new leaves after rain.
• Olive (#3E733F): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#404363): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#002317): 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 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

• Muted Cypress color palette (#E5F7F0, #73ACAC, #007473, #5F384C, #002122)
• Weathered Pine color palette (#E7F7E6, #ABAC6C, #337E32, #63451E, #232200)
• Washed Fern Alley color palette (#ECF9EE, #A29D6D, #5A6B18, #70373E, #163E2C)
• Aged Forest color palette (#E0F2E3, #85964F, #096639, #493509, #0F1500)
• Wandering Bloom color palette (#FDF4E7, #B1BA8B, #4D9261, #70558C, #37362F)
• Feathered Garden color palette (#F9F4C2, #ABB260, #6B6800, #323400, #0C0B00)
• Ancient Indigo color palette (#E0F0E5, #947900, #6E5CBA, #5B4D9A, #001A0B)
• Worn Dune color palette (#F9D8CF, #CA8132, #846500, #464900, #052500)

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