Timeworn Pine color palette — #E5F7EE · #92B568 · #227F36 · #753823 · #162600

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

The five colors

• Cream (#E5F7EE): A whisper-light, dusty teal — the color of sea glass.
• Sage (#92B568): A luminous, balanced green — the color of a quiet forest floor.
• Olive (#227F36): A full-bodied, balanced green — the color of a quiet forest floor.
• Rust (#753823): A full-bodied, balanced orange — the color of toasted spice.
• Deep Forest (#162600): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance, 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 Pier color palette (#E2F7F2, #71BB84, #007E60, #6A3A51, #002725)
• Pale Moss color palette (#CBEEDC, #7FA425, #106F12, #444000, #111900)
• Olive Garden color palette (#EAF5EC, #97BEA9, #6B7E2C, #405D46, #1A2C23)
• Feathered Mustard Pier color palette (#ECE6D9, #B2A300, #737700, #334E00, #103000)
• Patina Emerald color palette (#FDF5DC, #A2CA73, #499B55, #8B5B4C, #3B3B34)
• Plum Pier color palette (#BCF2E3, #699300, #0079C6, #B4004E, #111C00)
• Washed Ridge color palette (#D7F0EC, #378A66, #004F45, #3C2400, #000A0A)
• Byzantium Orchard color palette (#DDF9EF, #9BB526, #9333ED, #536300, #2B0A4A)

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