Timeworn Pine color palette — #F2F4E1 · #79AF83 · #1B764E · #4F4715 · #1B1E0A

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

The five colors

• Cream (#F2F4E1): A whisper-light, dusty green — the color of a quiet forest floor.
• Jade (#79AF83): A luminous, balanced green — the color of new leaves after rain.
• Pine (#1B764E): A full-bodied, balanced teal — the color of sea glass.
• Deep Olive (#4F4715): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Onyx (#1B1E0A): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Worn Olive Study color palette (#F8F1E4, #A7A271, #666A00, #52451D, #241B01)
• Washed Boulevard color palette (#E2ECD1, #6DA23C, #297B00, #004C13, #00250E)
• Wandering Pine Drift color palette (#D0FFE2, #5EB98C, #007F52, #003B24, #000E06)
• Jade Corridor color palette (#E7FAF5, #5FAE80, #007367, #5B4157, #1B3C3B)
• Worn Loft color palette (#E8ECD2, #5DA559, #C95100, #0F6710, #340F00)
• Hushed Teal color palette (#EBF7DB, #A6E4D0, #56C6C0, #4D7B54, #202A13)
• Emerald Quarry color palette (#DBE5C8, #00935A, #007A99, #6F5800, #101700)
• Dusty Fern Drift color palette (#F3F2EA, #C3C6A8, #638F6B, #696416, #31322B)

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