Softworn Pine color palette — #E5F6F3 · #9CBE9A · #A191C9 · #458244 · #2B2E4C

Built around Fern, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#E5F6F3): bright and airy, almost weightless.
• Sage (#9CBE9A): A luminous, dusty green — the color of new leaves after rain.
• Mauve (#A191C9): A luminous, balanced violet — the color of a velvet chair.
• Fern (#458244): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#2B2E4C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Softworn 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

• Tempered Garden color palette (#E8FAF5, #9EBB85, #AC87C4, #5B7F36, #4B4A64)
• Hushed Pine color palette (#E7F5F3, #9BBE9C, #CB8497, #408346, #4A232E)
• Worn Bronze color palette (#ECF5EB, #CBAE89, #8A98D7, #9A6500, #24304A)
• Worn Lilac Courtyard color palette (#F4F7E9, #A6D2A5, #B8A3EE, #659C64, #5F4450)
• Ancient Indigo Villa color palette (#DEF8F7, #6EAC88, #9282C0, #7F69B4, #052E2E)
• Coral Delta color palette (#E0F7FC, #50B7B2, #CC6E6A, #007470, #431717)
• Tempered Coast color palette (#FBEDF3, #A8C3AD, #A1795C, #694D67, #1C3129)
• Tempered Petrol color palette (#E7F5F8, #D5B9D3, #386A75, #013841, #091619)

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