Timeworn Pine color palette — #FFF3E7 · #B29446 · #2E7C39 · #5C4070 · #3F3D36

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

The five colors

• Ivory (#FFF3E7): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B29446): A luminous, balanced gold — the color of afternoon light on wheat.
• Olive (#2E7C39): A full-bodied, balanced green — the color of fresh herbs.
• Charcoal Brown (#5C4070): A full-bodied, balanced violet — the color of a velvet chair.
• Charcoal (#3F3D36): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged retro, 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

• Lagoon Alley color palette (#FFF2E9, #9DB171, #1B897A, #724B65, #474941)
• Bronze Bloom color palette (#FEF4E4, #CE806B, #7E6800, #3A4885, #423C37)
• Ancient Moss color palette (#DBFBE9, #A2A31F, #537830, #005157, #0F2820)
• Pale Bronze color palette (#FDF4E6, #A68327, #006D8F, #682F5F, #522B2B)
• Feathered Summit color palette (#FBF5E4, #FFCEA5, #B6B91E, #00A67D, #383932)
• Aubergine Archive color palette (#FFDDC2, #828300, #006149, #60005B, #193000)
• Softworn Cerulean Lagoon color palette (#FCF3EF, #C9E4D2, #4C93BA, #007361, #544054)
• Feathered Lagoon color palette (#FFE9DF, #1A9D74, #00647F, #6E2321, #20371C)

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