Weathered Pine color palette — #ECF4F4 · #CED7DE · #A1BCC5 · #00784D · #102424

A conversation between Pine and Ash, giving this palette its sense of nature and growth.

The five colors

• Ivory (#ECF4F4): a clean, paper-quiet neutral.
• Silver (#CED7DE): a clean, paper-quiet neutral.
• Ash (#A1BCC5): A luminous, dusty blue — the color of deep harbor water.
• Pine (#00784D): A full-bodied, balanced teal — the color of shallow lagoons.
• Onyx (#102424): A deep, shadowed, dusty teal — the color of glacier melt.

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 Cypress color palette (#F4F6EE, #CDDED8, #9EBBAD, #3E714A, #3A3C32)
• Wandering Cypress color palette (#E6F6F3, #74ABAC, #007566, #2C5129, #002122)
• Antique Orchard color palette (#EFF7F6, #D4DDE5, #C1B3B6, #439F64, #1F3231)
• Patina Petrol color palette (#EDF3F7, #D5D5E4, #B3BFDB, #0073A5, #172733)
• Tempered Abyss Lantern color palette (#D8E3E3, #A3B7BC, #7193A3, #00503E, #000E0F)
• Cypress Lagoon color palette (#D7EAEF, #00746E, #022938, #000F13, #000303)
• Dusty Garnet Drift color palette (#D6F7FB, #89B1C0, #4E7C98, #6A3046, #461713)
• Aged Denim Parlor color palette (#E3EAF0, #C5CCD8, #9CA3BA, #005894, #0D1721)

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