Soft Pine color palette — #FEF4E2 · #9DAB62 · #337B36 · #644D00 · #373F08

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

The five colors

• Cream (#FEF4E2): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9DAB62): A luminous, balanced green — the color of new leaves after rain.
• Olive (#337B36): A full-bodied, balanced green — the color of new leaves after rain.
• Bronze (#644D00): A full-bodied, balanced gold — the color of honey in a jar.
• Deep Olive (#373F08): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Soft Pine 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

• Fern Workshop color palette (#F6F6E7, #A8B594, #39817B, #5F5D0D, #374A01)
• Muted Cypress Atelier color palette (#FCF6D9, #82B182, #007C60, #743F44, #254325)
• Faded Moss color palette (#FAF5E5, #B5C37F, #709433, #716C00, #383F0F)
• Fern Hollow color palette (#FBE8CF, #98963C, #386900, #004F44, #313000)
• Worn Pine Meadow color palette (#E8E6D3, #3F8C56, #005144, #293304, #00220B)
• Dusty Clover Orchard color palette (#E7FBEC, #C9D693, #5ABF59, #9E8648, #154436)
• Washed Cabin color palette (#FFEBD7, #7B6B21, #303E00, #002A1E, #140F00)
• Aged Brick color palette (#ECFBE0, #2BBD97, #BD3A4B, #006D55, #6F0A1F)

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