Weathered Pine color palette — #F4F7EA · #CDE7C8 · #9CCAB3 · #258E46 · #32342D
Built around Fern, softened by Pistachio — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F7EA): bright and airy, almost weightless.
- Celadon Mist (#CDE7C8): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#9CCAB3): A luminous, dusty teal — the color of sea glass.
- Fern (#258E46): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#32342D): 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
- Hushed Bronze Summit color palette (#FAF5E8, #DEE1C8, #B0C6A5, #857900, #35332C)
- Washed Meadow color palette (#EFF9EB, #CDE5D7, #A5C0E5, #008B7B, #2C3628)
- Muted Jade color palette (#F3F6EF, #CAE1D5, #A1CFBD, #00B47C, #293900)
- Weathered Forest color palette (#E6FAFA, #C0D8DA, #8BAEB4, #006B48, #1A3939)
- Wandering Abyss color palette (#EBF3E5, #97AA9C, #649185, #005240, #050B02)
- Chalky Mint color palette (#F1EDCC, #00CA87, #008989, #506416, #003822)
- Tempered Lagoon color palette (#D2F3EE, #008A7F, #003E55, #0E2008, #070801)
- Weathered Petrol color palette (#DBE6DF, #D0BDD1, #B49DA8, #006C81, #17221C)
Browse the whole catalog at Explore, or see today's palette.