Soft Pine color palette — #ECF9EE · #9EA977 · #007E41 · #593F8A · #373F0E

A conversation between Olive and Plum, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF9EE): bright and airy, almost weightless.
• Sage (#9EA977): A luminous, dusty green — the color of new leaves after rain.
• Olive (#007E41): A full-bodied, balanced teal — the color of glacier melt.
• Plum (#593F8A): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Olive (#373F0E): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Pine Garden color palette (#E7FBEB, #99AB7B, #007D4F, #7E3156, #324112)
• Muted Olive color palette (#F8F1E2, #A2AF71, #3B7E00, #62396E, #272000)
• Hazy Aubergine Loft color palette (#D6F4DE, #7DA043, #006C47, #5C2770, #233400)
• Softworn Cypress color palette (#EDF8F4, #90B8B8, #248283, #615272, #224A4A)
• Worn Pier color palette (#E7FBEE, #B4C56E, #5F9840, #7C5A87, #1A4337)
• Pale Bronze color palette (#FFE7CB, #AE7000, #008386, #206282, #452A00)
• Antique Terrace color palette (#D3E6DE, #538860, #005049, #481844, #00220B)
• Misty Cobalt Archive color palette (#FDF1F9, #97DBEB, #2586C6, #00694D, #2B387A)

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