Pine Market color palette — #F7F5EB · #B0B291 · #46825D · #3E5B83 · #454600

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

The five colors

• Ivory (#F7F5EB): bright and airy, almost weightless.
• Sage (#B0B291): A luminous, dusty green — the color of new leaves after rain.
• Fern (#46825D): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#3E5B83): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#454600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Pine Market 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 Veranda color palette (#FAF4EC, #BBAF8C, #6A7B41, #3A6450, #524000)
• Patina Olive color palette (#FDF4E3, #A4A965, #4E7809, #643D7A, #3B3E15)
• Ancient Driftwood color palette (#F9F4EF, #CAC0A7, #8F8239, #7C5A6C, #614A00)
• Pine Lantern color palette (#F9F0E4, #BCB48A, #4C835C, #6E4A4C, #2B2815)
• Washed Boulevard color palette (#EEF9EF, #A2D0C0, #5FA073, #766C87, #324840)
• Cypress Station color palette (#F8F5EF, #C9E4D2, #4F94B2, #00716C, #205245)
• Hushed Teal Market color palette (#E8FAF3, #C2DFB7, #86BA97, #7F92A9, #2A4944)
• Quiet Mulberry color palette (#FFF1F2, #BF8DB0, #3D9F6A, #973E82, #114F2F)

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