Softworn Pine color palette — #F4F6EF · #D0DED6 · #ACC4A8 · #008035 · #3D4500

Olive and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#D0DED6): bright and airy, almost weightless.
• Stone (#ACC4A8): A luminous, dusty green — the color of a quiet forest floor.
• Olive (#008035): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3D4500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Olive Parlor color palette (#F8F5EE, #D5DDCE, #BCBFA1, #786B00, #503D00)
• Washed Olive color palette (#F2F3EB, #C9DCD4, #A6C9B3, #377D2A, #252714)
• Worn Cypress color palette (#F0F8F0, #C9DFDD, #A9C3B9, #007A7C, #374437)
• Cypress Ridge color palette (#F6F6E7, #80B18B, #007C5F, #3D5B1C, #164525)
• Tempered Meadow color palette (#ECF0E6, #C8CEC5, #92A794, #006541, #2B3021)
• Ancient Emerald Thicket color palette (#ECF8F6, #CCDEEB, #B2C1DC, #499C3F, #324441)
• Weathered Market color palette (#E1EAE3, #A0ADA6, #5E897D, #004045, #09180C)
• Powdered Grove color palette (#EFFAE1, #009467, #1D54B1, #77003F, #3A3000)

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