Weathered Garden color palette — #F6F7E7 · #99BC86 · #62A2C3 · #587F40 · #2A5747

Olive takes the lead with Sage close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F6F7E7): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#99BC86): A luminous, balanced green — the color of new leaves after rain.
• Blue Fog (#62A2C3): A luminous, balanced blue — the color of deep harbor water.
• Olive (#587F40): A full-bodied, balanced green — the color of fresh herbs.
• Deep Olive (#2A5747): A full-bodied, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Patina Pine color palette (#F2F8E9, #85BF9D, #729CCE, #3D835D, #5C435E)
• Wandering Jade color palette (#F6F7E2, #7BA669, #4F979D, #966D3B, #43433C)
• Hushed Cocoa Quarry color palette (#EFF9EA, #76C0B0, #B2945F, #328273, #684500)
• Weathered Forest color palette (#F2FAD6, #B1DAB5, #60916B, #2C5C38, #224227)
• Softworn Station color palette (#F2F3E8, #9DBE93, #A68ECE, #4D813C, #442633)
• Hushed Olive color palette (#F9F5E5, #AEB67B, #C38689, #717834, #684237)
• Iris Grove color palette (#E9FBEA, #48B1B7, #927AC2, #007479, #473A61)
• Misty Cabin color palette (#E6F4DD, #26A38C, #9E6E07, #006555, #493000)

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