Softworn Pine color palette — #ECF4F3 · #CEDADE · #A9C3D0 · #578155 · #212F2D

A conversation between Fern and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF4F3): bright and airy, almost weightless.
• Silver (#CEDADE): a clean, paper-quiet neutral.
• Ash (#A9C3D0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Fern (#578155): A full-bodied, balanced green — the color of fresh herbs.
• Deep Forest (#212F2D): quiet, heavy and certain.

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

• Pewter Thicket color palette (#F5F6EE, #D2E1D7, #AFC8C0, #627E52, #48493F)
• Washed Bloom color palette (#EBF3F8, #D1D6E3, #A9B9C8, #007088, #162229)
• Aged Bloom color palette (#D2E6E7, #008969, #003840, #011A1C, #010808)
• Wandering Corridor color palette (#D0EFF4, #88BDCB, #5497A5, #576178, #313444)
• Washed Bloom color palette (#DEE8E8, #8BA6A7, #54858B, #004222, #000605)
• Taupe Villa color palette (#EFF7F5, #D3DCE0, #BCB2B9, #88AA74, #38423F)
• Weathered Abyss color palette (#DBE5EC, #A5B5C4, #7A90A8, #004A65, #020C14)
• Hushed Drift color palette (#DFF9F1, #5DB084, #007C6E, #17477A, #06282A)

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