Pine Boulevard color palette — #F5F6EF · #BEC59B · #24907F · #3B7E45 · #293125
A conversation between Olive and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F5F6EF): a clean, paper-quiet neutral.
- Pistachio (#BEC59B): A luminous, dusty green — the color of a quiet forest floor.
- Fern (#24907F): A full-bodied, balanced teal — the color of glacier melt.
- Olive (#3B7E45): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#293125): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication. Tagged duotone, 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
- Muted Cerulean Atelier color palette (#F2F7F2, #89CFCE, #3887AC, #007D7D, #21322B)
- Cerulean Parlor color palette (#F3F2EB, #B8CD8F, #2C8DB8, #667B32, #0D1914)
- Dusty Courtyard color palette (#EFF7F4, #C8D9A5, #5AA5CF, #819651, #252F37)
- Timeworn Lagoon Study color palette (#E8FDD8, #A7C29C, #319290, #006C74, #005260)
- Dusty Lantern color palette (#F6F7E7, #74B7A8, #29868B, #495689, #3C4D39)
- Softworn Lagoon color palette (#DBEADD, #008790, #004367, #00393E, #000409)
- Lowlit Thicket color palette (#E2E8D7, #006D3F, #0E3441, #002512, #000202)
- Washed Market color palette (#F1F8EA, #50B797, #00727F, #00654E, #002227)
Browse the whole catalog at Explore, or see today's palette.