Weathered Pine color palette — #EFF7F7 · #D2DDE4 · #B5C2CF · #458360 · #3E4A4A

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D2DDE4): bright and airy, almost weightless.
• Ash (#B5C2CF): A luminous, dusty blue — the color of deep harbor water.
• Fern (#458360): A full-bodied, balanced teal — the color of sea glass.
• Charcoal (#3E4A4A): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Worn Pine color palette (#EAF4F3, #CFDAE4, #B5BED1, #57815D, #232F2E)
• Hushed Cerulean Basin color palette (#EFF7F9, #D5DBE4, #B5ABB3, #5F8A94, #4C5456)
• Abyss Thicket color palette (#E3EFEF, #97AEB3, #4A8B94, #004230, #00181A)
• Aged Station color palette (#EFF6FC, #D8D8E2, #A8B4CA, #006C96, #313C44)
• Ancient Denim color palette (#E5ECF2, #B0BAC8, #808DB3, #004875, #16202A)
• Jade Hollow color palette (#E8FBEB, #3FAE83, #007881, #683C60, #214348)
• Denim Orchard color palette (#E7F9FB, #209F7F, #3A5FAD, #6F2E4A, #473500)
• Pale Station color palette (#E5FAFD, #9FF6AC, #00D0B0, #00A0C8, #1C464E)

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