Weathered Olive color palette — #E7F7EA · #B3B97D · #5A814F · #415D47 · #122D23

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

The five colors

• Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#B3B97D): A luminous, balanced green — the color of new leaves after rain.
• Fern (#5A814F): A full-bodied, balanced green — the color of a quiet forest floor.
• Pine (#415D47): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#122D23): A deep, shadowed, dusty teal — the color of sea glass.

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

Use it as a design system

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

• Washed Terrace color palette (#E6F7EA, #9EA75C, #417338, #1F4E57, #012218)
• Muted Orchard color palette (#E2F8F1, #88C39B, #368477, #634C61, #0C2D2C)
• Sunlit Basin color palette (#E5F4D7, #5EBC77, #008C68, #005C54, #033341)
• Chestnut Drift color palette (#FCF4E9, #B9B08B, #548057, #7A500B, #4F4100)
• Timeworn Coast color palette (#F9F5EB, #E5ECAE, #96A576, #8D732B, #3A3831)
• Olive Lantern color palette (#D2E6D9, #65851C, #005226, #003132, #000B07)
• Teal Pier color palette (#DBF8FC, #14BE9F, #C66B96, #007661, #301F3A)
• Pale Coast color palette (#C6F0DB, #6DA747, #006D47, #444000, #091B00)

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