Ancient Pine color palette — #E7F6ED · #97B370 · #0F8045 · #00575B · #182600

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

The five colors

• Cream (#E7F6ED): bright and airy, almost weightless.
• Sage (#97B370): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#0F8045): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#00575B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#182600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, 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

• Washed Atelier color palette (#FFECF2, #BBA75E, #617500, #005A42, #282000)
• Pine Bloom color palette (#E5FBF5, #7CB472, #007F3A, #0A5F48, #10443E)
• Worn Olive color palette (#E8F7E6, #B1A977, #577800, #3C4681, #262100)
• Washed Fern color palette (#E2F8F1, #82B595, #007C70, #3B5600, #002814)
• Hushed Forest Hollow color palette (#D7E9E0, #79986D, #006545, #004149, #051700)
• Hazy Emerald Coast color palette (#F7F7DE, #B7E8B1, #44A966, #007E61, #173713)
• Aubergine Bloom color palette (#D6EBDB, #909E46, #227722, #3A1C7A, #151800)
• Emerald Veranda color palette (#FDF4E0, #A8C77F, #229F5A, #16777C, #3B3B34)

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