Pine Boulevard color palette — #E8F6EA · #9AA67B · #2D754A · #034F5D · #00231A

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

The five colors

• Cream (#E8F6EA): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#9AA67B): A luminous, dusty green — the color of fresh herbs.
• Pine (#2D754A): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#034F5D): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#00231A): A deep, shadowed, dusty teal — the color of sea glass.

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

• Tempered Boulevard color palette (#ECF9F3, #8BA47C, #04773B, #1A564F, #1B3C36)
• Aged Lagoon color palette (#E8F6EE, #8CBFB7, #3E8472, #265B77, #0F2D29)
• Weathered Forest color palette (#E2F3E7, #7F9762, #006544, #5D1F3A, #001712)
• Muted Grove color palette (#FFECF4, #83AB90, #566F25, #543A61, #241B00)
• Fern Orchard color palette (#E7F6F0, #7AAAAA, #037471, #404D05, #002222)
• Hushed Basin color palette (#F8F5E9, #D2D3AE, #5E9A6F, #297168, #2A2A04)
• Softworn Olive Balcony color palette (#DEEFE3, #668346, #005138, #002F3D, #040A00)
• Powdered Aubergine color palette (#FADAED, #B38E49, #596200, #57187A, #1F1400)

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