Ancient Pine Harbor color palette — #F5F2E7 · #B9B68C · #508352 · #365E54 · #2A2812

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

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Sage (#B9B68C): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#508352): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#365E54): A full-bodied, dusty teal — the color of sea glass.
• Onyx (#2A2812): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

Use it as a design system

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

• Dusty Pine Coast color palette (#F8F2E1, #96A875, #40733B, #573A59, #1F1D07)
• Softworn Pine Bloom color palette (#EDF9ED, #B0B47F, #548058, #5B566E, #34473F)
• Wandering Stone color palette (#EAFAF2, #B6CE95, #779A77, #5E748A, #2B4942)
• Aged Cerulean Drift color palette (#F5F1EB, #C5E6CB, #399BB5, #006E5F, #0E3428)
• Worn Olive Pier color palette (#E2DFCE, #5B8641, #005228, #401938, #080800)
• Antique Orchard color palette (#E7E6D1, #41AE5D, #006C4F, #293972, #001C06)
• Velvet Fern Lantern color palette (#EBDDCA, #645900, #262E00, #160538, #010100)
• Olive Lagoon color palette (#E5E2CE, #3C7923, #004224, #001B47, #010400)

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