Pine Boulevard color palette — #F4F3E5 · #8CAA80 · #237733 · #394F09 · #1D1E02

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

The five colors

• Cream (#F4F3E5): bright and airy, almost weightless.
• Sage (#8CAA80): A luminous, dusty green — the color of fresh herbs.
• Olive (#237733): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#394F09): A deep, shadowed, balanced green — the color of new leaves after rain.
• Onyx (#1D1E02): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Patina Cypress Cabin color palette (#EFF4E7, #6AB097, #007565, #005152, #16200A)
• Ancient Moss color palette (#ECE4D0, #949C3F, #4E6500, #00493F, #161800)
• Dusty Pine Lantern color palette (#E3E4D2, #438A51, #005130, #003228, #070900)
• Washed Emerald color palette (#FAF5EB, #C8D7AA, #5B9B66, #2B6F6F, #2C280F)
• Cerulean Courtyard color palette (#F2F2EB, #97D4D6, #008C99, #005C54, #00252D)
• Pale Villa color palette (#F4E2F5, #5994D8, #009457, #00559F, #002311)
• Shadow Fern Bloom color palette (#F2EFD7, #406428, #013407, #00181A, #000200)
• Tempered Plum color palette (#EADAE3, #6F6ADA, #BC2182, #006679, #23081B)

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