Timeworn Pine color palette — #EFF8EE · #8FBBA8 · #587F58 · #525872 · #2E493E

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

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Sage (#8FBBA8): A luminous, dusty teal — the color of sea glass.
• Fern (#587F58): A full-bodied, dusty green — the color of fresh herbs.
• Peacock (#525872): A full-bodied, dusty violet — the color of wild irises.
• Forest (#2E493E): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Antique Driftwood Pier color palette (#EDF8F3, #A4CAC5, #5F8990, #66627A, #3D524F)
• Hushed Cypress color palette (#E8FBED, #75A79A, #317154, #4A4666, #1C3C35)
• Muted Pewter Pier color palette (#F8F1E4, #BDB38F, #687D4F, #604B6F, #2D2711)
• Worn Olive Garden color palette (#D1EFDE, #5C8752, #005141, #451B44, #052200)
• Dusty Forest color palette (#DCE9DD, #899255, #1B6533, #47335C, #003124)
• Mint Orchard color palette (#FDF4E9, #E0D5AF, #85BC83, #AC8296, #504100)
• Cellar Forest color palette (#D9EBE4, #2B6C46, #003330, #2C0026, #000803)
• Antique Terracotta color palette (#FFF0FE, #D88487, #2296C0, #9E454C, #12495E)

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