Timeworn Pine color palette — #FFF4DF · #8CB068 · #007D59 · #6E3F5A · #3B3B34

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

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#8CB068): A luminous, balanced green — the color of a quiet forest floor.
• Teal (#007D59): A full-bodied, balanced teal — the color of shallow lagoons.
• Cocoa (#6E3F5A): A full-bodied, dusty rose — the color of a warm blush.
• Charcoal (#3B3B34): quiet, heavy and certain.

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

• Airy Olive color palette (#FFF3E8, #B5A358, #537629, #63416F, #463A00)
• Teal Drift color palette (#F9F6E2, #72AA85, #25706B, #63413B, #2F3B00)
• Feathered Moss color palette (#F5EAD2, #71A24D, #006B50, #592A71, #1D3607)
• Soft Atelier color palette (#DFF9F1, #84B689, #007F5B, #2F478C, #002908)
• Weathered Lagoon Drift color palette (#F7F6E7, #9CC89F, #2E9C75, #4E66A5, #17461F)
• Hushed Basin color palette (#F9F5E9, #BFC5A3, #75886D, #775E63, #4C5301)
• Mulberry Atelier color palette (#FFF1F2, #CB6BBA, #009385, #991188, #00453E)
• Cobalt Quarry color palette (#FEF3EB, #9FD8ED, #3782CD, #006856, #37396D)

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