Timeworn Pine color palette — #E7F7EC · #97A874 · #147837 · #434265 · #05221B

Olive and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E7F7EC): A whisper-light, dusty teal — the color of shallow lagoons.
• Sage (#97A874): A luminous, dusty green — the color of fresh herbs.
• Olive (#147837): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#434265): A deep, shadowed, dusty violet — the color of wild irises.
• Onyx (#05221B): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Tempered Pine color palette (#DFF9EC, #8FB57A, #007F54, #713747, #002722)
• Softworn Emerald color palette (#DCF1E9, #659E67, #00644F, #57282D, #001614)
• Lagoon Study color palette (#FBF4E8, #A9BD87, #598F65, #7A5864, #36362F)
• Olive Grove color palette (#E1F0E8, #5F8548, #005134, #3B1844, #000A08)
• Ancient Moss Parlor color palette (#F9F6E6, #C2DAA2, #669A4D, #8E522D, #2C2909)
• Dusty Cobalt color palette (#F6F0F3, #98D2E5, #2383C0, #005C54, #0F203A)
• Amber Dune color palette (#F8E2ED, #CD7844, #008BA2, #863D00, #002128)
• Feathered Basin color palette (#FFECF4, #DB8E4F, #9F5700, #542900, #190A00)

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