Weathered Pine color palette — #FFF4E1 · #BEB887 · #6D9156 · #1C7B4E · #3D5536
Pine and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FFF4E1): A whisper-light, dusty gold — the color of honey in a jar.
- Sand (#BEB887): A luminous, dusty green — the color of a quiet forest floor.
- Olive Leaf (#6D9156): A luminous, balanced green — the color of new leaves after rain.
- Pine (#1C7B4E): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#3D5536): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. 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
- Aged Corridor color palette (#FFF5D4, #B8D090, #83B25F, #4A8257, #4B4E47)
- Hazy Moss Lagoon color palette (#D7FCEB, #A6BB7C, #639C4B, #3B6D43, #183C3D)
- Washed Workshop color palette (#FFF2EC, #DBAF91, #9F813C, #6B6B02, #505049)
- Patina Workshop color palette (#FAF7D6, #8CBD9E, #369E90, #006E78, #325A4C)
- Pine Alley color palette (#F4F7EA, #95BB98, #AE88BC, #2B873C, #683F4A)
- Weathered Fern Villa color palette (#F5F7E8, #BAE2E4, #94CDD3, #98824F, #445B1A)
- Jade Basin color palette (#DDE7CC, #62B17B, #007B6E, #005157, #1A3352)
- Ancient Pewter color palette (#F3F8E7, #7AA482, #AA74A8, #9E566F, #42433C)
Browse the whole catalog at Explore, or see today's palette.