Pine Boulevard color palette — #F5F6EF · #A7CCA3 · #5B80AA · #447D3E · #342A35

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

The five colors

• Ivory (#F5F6EF): a clean, paper-quiet neutral.
• Pistachio (#A7CCA3): A luminous, dusty green — the color of a quiet forest floor.
• Slate (#5B80AA): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Olive (#447D3E): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#342A35): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Dusty Olive color palette (#F7F5EF, #CBC09A, #368B94, #71720C, #243227)
• Driftwood Ridge color palette (#F1F7F1, #8BCFC9, #8D6DA8, #007E77, #3A282E)
• Washed Pine color palette (#EAF4F5, #8DD5B8, #0093A8, #098664, #0D181C)
• Turquoise Study color palette (#F3F7EF, #A2E1C6, #00B0BB, #4D9E7F, #253227)
• Chestnut Harbor color palette (#FFF2EB, #83B49C, #3F8196, #84462F, #3C4D37)
• Sunlit Nightshade color palette (#DCE7DD, #00878C, #391B9D, #003A3C, #030016)
• Aged Navy Parlor color palette (#F4F9D6, #B4CBA6, #439395, #006486, #204986)
• Patina Garnet Canyon color palette (#F1F7EF, #4A8D86, #565E9A, #78313C, #373831)

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