Timeworn Pine Canyon color palette — #FDF1D8 · #9BB173 · #257E43 · #51436F · #1A2500

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

The five colors

• Cream (#FDF1D8): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#9BB173): A luminous, balanced green — the color of new leaves after rain.
• Olive (#257E43): A full-bodied, balanced teal — the color of sea glass.
• Charcoal Brown (#51436F): A full-bodied, dusty violet — the color of wild irises.
• Onyx (#1A2500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Timeworn Pine Canyon 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

• Misty Olive Field color palette (#FFEFE0, #BEA55D, #677300, #334A7E, #291F00)
• Antique Cypress color palette (#F6F2E0, #87AB8A, #277360, #5F3A43, #1B1F00)
• Wandering Forest color palette (#F1E3CA, #8E9D51, #056F18, #463166, #141800)
• Hushed Pine color palette (#F6F7E3, #7BB380, #167D4C, #005B69, #244327)
• Dusty Villa color palette (#ECF9F0, #B4C28C, #4C9A56, #6D5B9F, #354009)
• Aged Driftwood color palette (#F5F1E8, #C6C5A8, #7A8B48, #705A61, #32312B)
• Feathered Jade color palette (#DDFEF5, #B3EAAE, #5DA472, #147885, #003732)
• Grape Studio color palette (#FFECEF, #C674CC, #00987F, #90139A, #00271F)

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