Soft Pine color palette — #F7F2E0 · #95B377 · #2A7E3E · #2A4F73 · #162600

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

The five colors

• Cream (#F7F2E0): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#95B377): A luminous, balanced green — the color of new leaves after rain.
• Olive (#2A7E3E): A full-bodied, balanced green — the color of fresh herbs.
• Peacock (#2A4F73): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#162600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Wandering Quarry color palette (#F0F4E3, #58BD9A, #007C73, #005567, #00281C)
• Weathered Lagoon color palette (#F7F1E7, #C0B28C, #6E7B50, #6A495A, #2F260E)
• Forest Thicket color palette (#E8E5D0, #769870, #00663F, #203861, #121400)
• Muted Garden color palette (#FFF1F5, #AAA66E, #447933, #74356C, #413C00)
• Sunlit Petrol color palette (#E8FAF2, #AAC591, #54985F, #2C6CA8, #2F411A)
• Powdered Emerald color palette (#FFF3E5, #DDDE94, #67A364, #8A5681, #313105)
• Antique Market color palette (#E5E9D1, #44886A, #004F46, #252056, #000B05)
• Antique Cerulean Station color palette (#F7F1E7, #90DFEA, #0091B3, #006358, #00283D)

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