Pine Boulevard color palette — #E7F6EA · #7EAB9A · #46713F · #463D72 · #002318

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

The five colors

• Cream (#E7F6EA): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#7EAB9A): A luminous, dusty teal — the color of sea glass.
• Olive (#46713F): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#463D72): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#002318): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Lagoon color palette (#EBF5F0, #92BEB5, #448466, #634873, #092E29)
• Muted Boulevard color palette (#ECF9F2, #99A06D, #536E00, #5E3F59, #1C3D31)
• Tempered Garnet color palette (#C9EEE4, #45AB77, #006A60, #631B58, #001C0D)
• Patina Emerald Boulevard color palette (#FCF4E9, #B6B982, #56923C, #7E5568, #37352F)
• Washed Forest Market color palette (#D8E7DD, #6E804E, #005223, #351753, #050900)
• Hushed Parlor color palette (#F6F0F4, #ADCDDB, #2886B0, #005D4C, #042040)
• Muted Balcony color palette (#FCDCEC, #BA601F, #007E82, #00628D, #250C00)
• Soft Terracotta Corridor color palette (#F6E3EE, #C27D63, #008D90, #903200, #002122)

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