Weathered Pine color palette — #F2F3E8 · #9BBE9A · #40865A · #6C5000 · #272913
Fern and Coffee set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F2F3E8): a clean, paper-quiet neutral.
- Sage (#9BBE9A): A luminous, dusty green — the color of new leaves after rain.
- Fern (#40865A): A full-bodied, balanced teal — the color of glacier melt.
- Coffee (#6C5000): A full-bodied, balanced gold — the color of honey in a jar.
- Onyx (#272913): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Olive Ridge color palette (#F9F1E4, #C2B18D, #7D7829, #7C4518, #2E2617)
- Timeworn Meadow color palette (#F4F3E3, #8DB575, #09821D, #44531F, #232200)
- Worn Ember color palette (#F3F4DF, #86B36E, #D66948, #3E750F, #3E1D08)
- Mint Bloom color palette (#E7FAF4, #8BBE96, #388272, #675166, #2B4947)
- Worn Lagoon color palette (#EFF5E0, #B7F1F3, #7FD5CB, #6A8E67, #2B3A00)
- Hushed Coast color palette (#EEF6DE, #33A568, #008DAD, #846700, #1B210B)
- Feathered Alley color palette (#F0E3CB, #A79600, #5E6000, #4D3C00, #1A1600)
- Hushed Forest Bloom color palette (#E5E5D5, #6B9C6C, #006637, #2A401B, #121400)
Browse the whole catalog at Explore, or see today's palette.