Weathered Pine color palette — #EAF9F4 · #95BC8E · #418360 · #6E4F5F · #304844

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

The five colors

• Ivory (#EAF9F4): bright and airy, almost weightless.
• Sage (#95BC8E): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#418360): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#6E4F5F): A full-bodied, dusty rose — the color of strawberry cream.
• Charcoal (#304844): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

• Hushed Stone color palette (#EEF8F0, #B9B271, #6D794E, #47614B, #34473D)
• Muted Lagoon Pier color palette (#E5F6F0, #87C0BA, #498271, #654A66, #0D2D2B)
• Powdered Moss color palette (#DDFDF6, #82AF5B, #9D74C2, #4E722C, #3F3E5E)
• Muted Powder Boulevard color palette (#E1FCF6, #B8DDED, #8FCBE7, #5C8D7C, #3E5856)
• Dusty Fern Veranda color palette (#F8F6E6, #C2C9A3, #829772, #8B685D, #404700)
• Mint Balcony color palette (#D6FFF9, #77CB88, #3B8B50, #145026, #143A1C)
• Quiet Emerald color palette (#D6FFF8, #4F9F35, #4D7BC2, #8F5758, #203E3A)
• Aged Meadow color palette (#D0F4EF, #00AC78, #00695D, #5D3B00, #013824)

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