Timeworn Pine color palette — #EEF8F1 · #8BBCAB · #47834C · #51577A · #2E4940

Fern and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Mint Leaf (#8BBCAB): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#47834C): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#51577A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Forest (#2E4940): 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 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

• Muted Lagoon color palette (#EEF8F4, #A1CAC8, #508F82, #68627A, #3E5250)
• Pine Veranda color palette (#F3F3E7, #9BC08D, #508356, #455C49, #282912)
• Pine Alley color palette (#EAFAF0, #8EA46E, #1D7540, #554165, #143E34)
• Tempered Station color palette (#F9F3F8, #BFE3F1, #4395B7, #23715B, #364A5E)
• Emerald Cabin color palette (#F6F3FF, #BE8BBF, #0AA272, #8A488D, #1D4D39)
• Tempered Corridor color palette (#F8F5EB, #D9D8AC, #89BA8F, #6D9B90, #484400)
• Olive Loft color palette (#D5F1E3, #578A3D, #005237, #3F2045, #0B2101)
• Olive Boulevard color palette (#F6F3FF, #B06CB0, #448F36, #007A6E, #3A334C)

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