Weathered Pine color palette — #F8F3F8 · #D3E1F1 · #789FB8 · #437D56 · #435469

Built around Teal, softened by Blue Fog — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Frost (#D3E1F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#789FB8): A luminous, dusty blue — the color of open sky before noon.
• Teal (#437D56): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#435469): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Antique Lagoon Atelier color palette (#F1F7F2, #D1E1F2, #76BECE, #4F9682, #3F5665)
• Patina Grove color palette (#F5F1EB, #C7E3DC, #5EA9B9, #387967, #213D31)
• Tempered Terrace color palette (#EDF9F0, #BDAF84, #759CC7, #8A6F0C, #374F69)
• Dusty Spruce Station color palette (#E8DCE9, #68ACAB, #006179, #004211, #00203F)
• Worn Parlor color palette (#F1E6ED, #6996AC, #004D7B, #003123, #090147)
• Hushed Cobalt Delta color palette (#FEF1F9, #9ED9EB, #3B84C5, #006953, #32367A)
• Weathered Chestnut Coast color palette (#ECF9ED, #A1C1B1, #957C54, #7E513D, #334E49)
• Timeworn Cobalt color palette (#E7FBF1, #9D9B65, #608DBC, #6769AB, #31483D)

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