Pine Boulevard color palette — #F3F3E5 · #86AC7C · #3D7248 · #334E39 · #1D1E08
Pine and Sage set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F3F3E5): a clean, paper-quiet neutral.
- Sage (#86AC7C): A luminous, dusty green — the color of new leaves after rain.
- Pine (#3D7248): A full-bodied, balanced green — the color of a quiet forest floor.
- Deep Olive (#334E39): A deep, shadowed, dusty teal — the color of glacier melt.
- Onyx (#1D1E08): A deep, shadowed, dusty green — the color of a quiet forest floor.
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
- Taupe Summit color palette (#F9F1DF, #A3A657, #5D6C25, #613B30, #221C06)
- Antique Garden color palette (#F1F4E6, #84C4A1, #46836E, #405C4F, #232B15)
- Tempered Atelier color palette (#E8FAF2, #8BA476, #397145, #2E4D6E, #1B3C36)
- Forest Thicket color palette (#E1E0CA, #639F56, #00672C, #512F19, #121300)
- Ancient Lagoon color palette (#FDF4E7, #B2BB81, #598F64, #7D585D, #37352F)
- Tempered Coast color palette (#E7E9D1, #288E45, #005131, #003039, #000B02)
- Fern Station color palette (#E7DEC5, #555F00, #203000, #2E0001, #010100)
- Worn Taupe color palette (#FFEDED, #FFCAD7, #DD969A, #895B83, #38211F)
Browse the whole catalog at Explore, or see today's palette.