Pine Boulevard color palette — #EEF8EF · #8FBAAC · #358656 · #565674 · #2F4940

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

The five colors

• Ivory (#EEF8EF): bright and airy, almost weightless.
• Sage (#8FBAAC): A luminous, dusty teal — the color of glacier melt.
• Fern (#358656): A full-bodied, balanced teal — the color of shallow lagoons.
• Graphite (#565674): A full-bodied, dusty violet — the color of wild irises.
• Charcoal (#2F4940): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Antique Loft color palette (#EDF8F4, #A1CAC9, #518D8A, #6A607A, #3E5151)
• Tempered Pine Delta color palette (#ECF9ED, #A0AA68, #007F39, #5B4475, #393F10)
• Ancient Stone Archive color palette (#F8F2E0, #A8BD80, #5E7F5A, #684C51, #2B2810)
• Ancient Cerulean Grove color palette (#FAF3F7, #C4E1F1, #518FC7, #24715C, #3A4764)
• Washed Parlor color palette (#D1E5DC, #3B8D55, #00504A, #4C153D, #00201F)
• Emerald Lantern color palette (#D2F5E3, #5CA65A, #006A5A, #602B5E, #0D380E)
• Chestnut Coast color palette (#FFF1F6, #D28E55, #009BAD, #965100, #094B54)
• Tempered Driftwood Cabin color palette (#FFF0F9, #D0E0CF, #9ECBA2, #AC6F87, #604853)

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