Pine Boulevard color palette — #E4F7F2 · #85B684 · #2A7D4C · #005662 · #042906

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

The five colors

• Ivory (#E4F7F2): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#85B684): A luminous, balanced green — the color of new leaves after rain.
• Olive (#2A7D4C): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005662): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#042906): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Cypress Courtyard color palette (#E2F7F6, #79AAAC, #007661, #1A4C63, #002123)
• Washed Archive color palette (#FCF4E6, #96AE5B, #007F34, #57447E, #344017)
• Cocoa Terrace color palette (#E9F6ED, #93BFAA, #727A4E, #75454A, #0E2E21)
• Dusty Garnet Lantern color palette (#CEEDDE, #8E9E49, #466700, #73150B, #141800)
• Antique Emerald Thicket color palette (#F6F7E5, #95CB95, #2A9E5F, #007686, #3A3B34)
• Patina Cerulean Orchard color palette (#E9F5F3, #97DDE9, #0092AE, #006263, #002A38)
• Ancient Lagoon Canyon color palette (#D3E9EA, #36887A, #004F4B, #002C4B, #000A08)
• Gentle Villa color palette (#E5FCEC, #CFE29E, #58A663, #715BA8, #293300)

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