Weathered Pine color palette — #E4FBFA · #87BF9B · #BA879F · #41825B · #564465

Fern and Mint Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E4FBFA): A whisper-light, dusty teal — the color of sea glass.
• Mint Leaf (#87BF9B): A luminous, dusty teal — the color of sea glass.
• Dusty Rose (#BA879F): A luminous, dusty rose — the color of a warm blush.
• Fern (#41825B): A full-bodied, balanced teal — the color of glacier melt.
• Charcoal Brown (#564465): A full-bodied, dusty violet — the color of wild irises.

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

• Patina Petrol Delta color palette (#E8F8FF, #74BDC8, #C5867C, #00818F, #5D4358)
• Washed Olive color palette (#E7FBF2, #AEB67E, #9392C7, #71792C, #424C6B)
• Tempered Veranda color palette (#F0F3E9, #93C0A4, #C29069, #248556, #35302B)
• Washed Driftwood color palette (#EAFAED, #9CC2B0, #688A70, #755160, #384D48)
• Teal Station color palette (#DBFDFE, #57AB8B, #A87897, #95615E, #29494A)
• Emerald Canyon color palette (#E9F9F9, #9ED2B5, #D9A579, #10A66D, #664528)
• Raspberry Lantern color palette (#E4FAFF, #00A9A5, #C444A0, #006A67, #5F1B4C)
• Softworn Petrol Harbor color palette (#EAF8FE, #D8B4CA, #376578, #1D3D4B, #20252D)

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