Pine Boulevard color palette — #F5F8E0 · #86CCA8 · #009C87 · #3C7A32 · #0B462E

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

The five colors

• Cream (#F5F8E0): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#86CCA8): A luminous, balanced teal — the color of sea glass.
• Fern (#009C87): A luminous, balanced teal — the color of glacier melt.
• Olive (#3C7A32): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#0B462E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Calm, Balance, Grounding. Tagged botanical, earthy, muted, cool.

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

• Ancient Emerald color palette (#F9F6E2, #A0C895, #2B9D65, #007973, #224418)
• Teal Meadow color palette (#D7FFF8, #96EFC2, #00A993, #52764C, #063636)
• Gentle Moss color palette (#FFF4DE, #BBC178, #689633, #7B6720, #3B3E15)
• Linen Teal color palette (#DFFDF3, #8BE4B7, #35BABA, #819062, #174430)
• Antique Courtyard color palette (#F4F6ED, #C9D7BA, #8CA386, #658673, #3D5716)
• Pine Atelier color palette (#E6DFCC, #879B5F, #1B7414, #005242, #151E00)
• Hushed Garden color palette (#FAF4EC, #BEE6CE, #00A9E5, #008281, #004271)
• Olive Workshop color palette (#ECE3D7, #ADA772, #697B13, #146635, #2F2900)

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