Weathered Pine Garden color palette — #F6F6EC · #B0B293 · #4E8154 · #774F38 · #454600

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

The five colors

• Ivory (#F6F6EC): a clean, paper-quiet neutral.
• Sage (#B0B293): A luminous, dusty green — the color of fresh herbs.
• Fern (#4E8154): A full-bodied, balanced green — the color of fresh herbs.
• Coffee (#774F38): A full-bodied, dusty gold — the color of honey in a jar.
• Deep Olive (#454600): A deep, shadowed, balanced green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Weathered Pine Garden 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

• Chestnut Terrace color palette (#F9F4EE, #CDBFA3, #888352, #8F562C, #634800)
• Pine Veranda color palette (#F7F6E7, #87A57B, #397140, #5E4700, #36362F)
• Aged Lagoon color palette (#F6F2E5, #A1BD97, #448468, #714752, #282917)
• Wandering Cypress Corridor color palette (#F2F7EC, #A0B897, #37817D, #3B5D7C, #394732)
• Chestnut Ridge color palette (#FFF3E8, #C99266, #499D6F, #965100, #124F31)
• Hushed Corridor color palette (#EEF8F3, #B1CFA2, #53A17D, #726D8C, #2C4943)
• Bronze Workshop color palette (#FFD6BF, #DF9F82, #B05D1B, #834600, #4F440D)
• Hushed Mulberry color palette (#FFF3E7, #B87836, #628936, #9E4668, #3C3731)

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