Timeworn Pine color palette — #F1F2EC · #D1DAD5 · #ADC2BD · #558253 · #2C2D25

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

The five colors

• Cream (#F1F2EC): bright and airy, almost weightless.
• Silver (#D1DAD5): bright and airy, almost weightless.
• Stone (#ADC2BD): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#558253): A full-bodied, balanced green — the color of a quiet forest floor.
• Onyx (#2C2D25): a grounded near-black with real depth.

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

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

• Weathered Cypress Lagoon color palette (#F4F6EF, #D4DED7, #B3C6BC, #53815E, #474941)
• Washed Terrace color palette (#EEF3EE, #C6DDDC, #CDB7CD, #007A7E, #192A1B)
• Softworn Lagoon Terrace color palette (#F4F2E4, #B0B892, #408373, #505A33, #252A0E)
• Lagoon Station color palette (#D9E1D3, #008970, #223629, #0F1907, #060702)
• Spruce Ridge color palette (#E3E6DF, #9BA398, #61866D, #004221, #030500)
• Muted Studio color palette (#EFF7F6, #D3DCE0, #C3C1CB, #72AF7F, #354241)
• Garnet Harbor color palette (#FFEEE4, #84A87C, #077A7D, #74273E, #1D2707)
• Aged Basin color palette (#E5EBE6, #BFD0CA, #B59AB0, #00606C, #071B0E)

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