Worn Pine color palette — #EDF8F5 · #8CBAB2 · #518058 · #42634B · #2D4944

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

The five colors

• Ivory (#EDF8F5): a clean, paper-quiet neutral.
• Ash (#8CBAB2): A luminous, dusty teal — the color of sea glass.
• Fern (#518058): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#42634B): A full-bodied, dusty teal — the color of sea glass.
• Charcoal (#2D4944): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Ancient Ridge color palette (#E9F9F6, #78A982, #17744F, #25544E, #133D3B)
• Ancient Cabin color palette (#EFF8F2, #B4B380, #707A38, #724C5E, #31483D)
• Muted Seafoam color palette (#E0FCF9, #B8DDED, #73DECD, #6A8A58, #3D5858)
• Tempered Stone color palette (#E7F6F0, #92C194, #488270, #5F4E60, #112D2A)
• Pale Pine Workshop color palette (#D5FFFB, #87C38E, #228534, #0B501E, #113819)
• Hushed Cabin color palette (#F7F5EB, #A0D4A2, #55A089, #896960, #42433C)
• Ember Coast color palette (#E3FBF5, #89AC69, #CD6753, #4E7223, #5F362D)
• Chalky Courtyard color palette (#E1E4B4, #A3B363, #658A00, #3D611D, #194D3E)

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