Pine Boulevard color palette — #F9F5E7 · #9DBA84 · #4C8256 · #5F5854 · #43433C
Fern takes the lead with Sage close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F9F5E7): a clean, paper-quiet neutral.
- Sage (#9DBA84): A luminous, balanced green — the color of a quiet forest floor.
- Fern (#4C8256): A full-bodied, balanced green — the color of a quiet forest floor.
- Charcoal Brown (#5F5854): quiet, heavy and certain.
- Charcoal (#43433C): a grounded near-black with real depth.
Feels like: Nature, Growth, 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
- Washed Chestnut Boulevard color palette (#FEF4E3, #B3B472, #677C4A, #745303, #504100)
- Mustard Meadow color palette (#F3DEAF, #C3B23D, #738100, #4A6126, #474740)
- Moss Lagoon color palette (#FAF6DD, #90AD34, #9278CA, #5B6F1F, #5A3546)
- Stone Market color palette (#EEF8F3, #B2CEA6, #629B9C, #7E6984, #2C4944)
- Worn Taupe Lantern color palette (#ECF8F3, #B9DFD3, #97B785, #A78B64, #274A41)
- Patina Station color palette (#EDEED0, #3CAA67, #006A53, #633700, #06381C)
- Moss Cabin color palette (#F9F8D4, #6C9926, #497FB3, #90545F, #393831)
- Tempered Studio color palette (#FAF4EC, #BBE8D7, #658DBC, #306C78, #563F52)
Browse the whole catalog at Explore, or see today's palette.