Weathered Pine color palette — #FAF4F0 · #BFE1E6 · #3FB7D0 · #00844C · #00334A

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

The five colors

• Ivory (#FAF4F0): bright and airy, almost weightless.
• Silver (#BFE1E6): A whisper-light, dusty blue — the color of open sky before noon.
• Cyan (#3FB7D0): A luminous, balanced blue — the color of deep harbor water.
• Fern (#00844C): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00334A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Muted Cypress color palette (#FBF4EF, #C1E4F6, #82A8DE, #007E82, #272951)
• Airy Aqua Pier color palette (#ECF8F5, #AEEEEB, #00CAD2, #00A28B, #19404E)
• Weathered Azure color palette (#FDF3ED, #CAF0DA, #389ADB, #006B61, #081A46)
• Cerulean Cabin color palette (#FCF2F8, #9ACFDC, #00879C, #1E613C, #1C3E56)
• Wandering Mint Atelier color palette (#DEFFE5, #72D4AC, #009A93, #006E7A, #003B4B)
• Worn Field color palette (#F2F3E7, #98D5D1, #008D93, #005D4F, #092714)
• Worn Jade color palette (#E8FBE9, #DAD8E6, #C7B7B8, #38A97D, #20412D)
• Washed Pier color palette (#EFE0D9, #69B0B2, #005E74, #002D1C, #000103)

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