Weathered Garden color palette — #FAF5E9 · #ABB589 · #607D52 · #854629 · #4D4200

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

The five colors

• Ivory (#FAF5E9): a clean, paper-quiet neutral.
• Sage (#ABB589): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#607D52): A full-bodied, dusty green — the color of a quiet forest floor.
• Coffee (#854629): A full-bodied, balanced orange — the color of toasted spice.
• Deep Olive (#4D4200): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Softworn Olive color palette (#FFF3E2, #ADA662, #5F7300, #654C17, #423C02)
• Softworn Chestnut color palette (#F6F6EB, #BEC4A9, #5A8D7B, #8B5923, #485406)
• Lagoon Cabin color palette (#F7F1E6, #B7B68C, #49826B, #65496B, #2A2910)
• Hazy Summit color palette (#F2EDCA, #6CA260, #006C42, #6C2F00, #0F3804)
• Cobalt Veranda color palette (#FBF6DB, #859041, #1D84B6, #93506A, #393831)
• Patina Harbor color palette (#FBF5E3, #A4A554, #8380C5, #6B6A00, #3F3C66)
• Aged Harbor color palette (#ECF9F0, #A3CFC5, #5A9F84, #86638C, #234B43)
• Patina Chapel color palette (#EEF8F2, #D0DBAA, #91BA7E, #A3859D, #2C493F)

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