Timeworn Pine color palette — #F8F1E5 · #92A976 · #007752 · #0F4E61 · #1F1D06

Built around Pine, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Cream (#F8F1E5): bright and airy, almost weightless.
• Sage (#92A976): A luminous, dusty green — the color of a quiet forest floor.
• Pine (#007752): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#0F4E61): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#1F1D06): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, 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

• Ancient Boulevard color palette (#FBF0E6, #AAA173, #477310, #344E34, #251A00)
• Muted Terrace color palette (#F5F2E6, #AFB98F, #00877D, #375E54, #252A18)
• Muted Bloom color palette (#F2EDE0, #6E9C64, #006452, #5C2233, #121300)
• Airy Jade color palette (#FBF1DC, #8FB667, #007F5A, #723451, #242200)
• Faded Chapel color palette (#F7E0CB, #A89614, #376A00, #512C60, #1A1600)
• Aged Emerald color palette (#E6FBF4, #AFDFAC, #1EA26F, #2C6F6E, #0A2E2B)
• Cobalt Corridor color palette (#FAEFEB, #B0D1B9, #2B84B7, #005E3F, #2F162C)
• Timeworn Studio color palette (#E4DECC, #4E8945, #005042, #002E44, #010B00)

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