Weathered Pine color palette — #D1E6DF · #78A063 · #2A7231 · #65371F · #0B2100

Olive takes the lead with Moss close behind in a set that reads as nature and growth at first glance.

The five colors

• Silver (#D1E6DF): A whisper-light, dusty teal — the color of shallow lagoons.
• Moss (#78A063): A luminous, balanced green — the color of fresh herbs.
• Olive (#2A7231): A full-bodied, balanced green — the color of new leaves after rain.
• Cocoa (#65371F): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#0B2100): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

One click turns Weathered 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

• Aged Emerald color palette (#D7F4F0, #309963, #006247, #502F00, #001408)
• Aged Pine color palette (#F8F6DF, #86B071, #007421, #5B2E14, #020A00)
• Timeworn Pine color palette (#CFECE3, #8DB17B, #4A814E, #6A5113, #00312A)
• Teal Terrace color palette (#DAEEEE, #4BA58F, #007066, #194969, #002119)
• Aubergine Dune color palette (#DAF1E6, #638554, #005236, #430F5B, #0A2100)
• Worn Fern Studio color palette (#DCF7E9, #727B39, #384E00, #402400, #050700)
• Pale Lagoon Coast color palette (#F1ECDF, #85B869, #009664, #7A4F8D, #0C2100)
• Pale Emerald color palette (#E7FAF3, #A7C87C, #5F9748, #806334, #0F443A)

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