Weathered Pine color palette — #F9F3F7 · #D4D7EC · #75A0B5 · #377F59 · #39566D

Teal and Blue Fog set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D4D7EC): A whisper-light, dusty violet — the color of twilight just after sunset.
• Blue Fog (#75A0B5): A luminous, dusty blue — the color of deep harbor water.
• Teal (#377F59): A full-bodied, balanced teal — the color of glacier melt.
• Peacock (#39566D): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Sophistication. Tagged coastal, cool, light, 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

• Washed Aqua color palette (#EFF7F5, #CFE1F2, #74C0C6, #589387, #395864)
• Worn Turquoise Market color palette (#F2F2EC, #C6E3DA, #4AADB5, #40776C, #273C2E)
• Dusty Olive Hollow color palette (#F0F6FF, #7F97CE, #AA823B, #667B30, #374356)
• Denim Garden color palette (#EEE3EC, #559BA8, #00506F, #003127, #00132E)
• Cobalt Hollow color palette (#FBF2F8, #AAD5EB, #0389C2, #00685A, #173E78)
• Wandering Petrol color palette (#F6EBF1, #96B6CA, #296CA4, #00504C, #1B285E)
• Weathered Thicket color palette (#E3F7FF, #91C5E3, #5386BC, #435E9B, #434D6A)
• Weathered Cobalt color palette (#EFF6FF, #98B0DE, #C28C56, #4C70B7, #65404F)

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