Softworn Pine color palette — #EFF7F7 · #D6DBE0 · #BBBFD2 · #018965 · #3D4B4B

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D6DBE0): bright and airy, almost weightless.
• Ash (#BBBFD2): A luminous, dusty violet — the color of a velvet chair.
• Fern (#018965): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#3D4B4B): quiet, heavy and certain.

Feels like: 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

• Washed Petrol color palette (#ECF7FE, #D8D8E8, #B5BAD8, #007692, #2D434F)
• Abyss Grove color palette (#DFFDF2, #9BBBB6, #6B8896, #536951, #225559)
• Muted Cypress Veranda color palette (#D7E8EE, #008185, #203447, #03232C, #081013)
• Worn Abyss Drift color palette (#DAE6E8, #9AADB6, #69829E, #004237, #00181B)
• Timeworn Denim color palette (#EAEFF4, #C7CCD7, #9E9EB1, #005C81, #1E303D)
• Wandering Parlor color palette (#FFF0FB, #70A77C, #197493, #7C3527, #16444B)
• Airy Cornflower Harbor color palette (#E5F9FE, #C3E194, #24D5CB, #588DEE, #144354)
• Worn Cabin color palette (#EFF7F6, #D5DCE2, #B9C0CF, #438551, #3C4B4A)

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