Timeworn Pine color palette — #FEF3E6 · #9AA06E · #347240 · #52416A · #37352F

Built around Olive, softened by Charcoal — the whole palette hums with nature and growth.

The five colors

• Cream (#FEF3E6): A whisper-light, dusty gold — the color of old brass.
• Moss (#9AA06E): A luminous, dusty green — the color of new leaves after rain.
• Olive (#347240): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal (#52416A): A full-bodied, dusty violet — the color of twilight just after sunset.
• Espresso (#37352F): a grounded near-black with real depth.

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

• Softworn Cypress color palette (#F8F5EA, #7DA68A, #00726C, #623C58, #303B00)
• Olive Drift color palette (#E9F6EB, #A7A36A, #596F00, #553C57, #0A2117)
• Worn Pine Boulevard color palette (#FFF3E5, #A4A86F, #387A40, #6E4800, #3C3E0C)
• Weathered Olive Loft color palette (#FDF4E5, #BAB788, #758A3A, #875257, #38352E)
• Frosted Cobalt color palette (#F6EEDC, #9B8F46, #5872CA, #635700, #223067)
• Cobalt Bloom color palette (#FDF3EE, #AFCEB8, #397FAC, #006344, #2A3861)
• Hazy Bronze Lagoon color palette (#FFE5DE, #C5834D, #8F6A00, #4C4E00, #004333)
• Lagoon Lantern color palette (#F6F6EC, #B9C5AF, #538C92, #7E5C58, #47513D)

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