Weathered Olive color palette — #EDE3D6 · #ABA868 · #577F34 · #4E5179 · #2D2A00

A conversation between Olive Leaf and Sage, giving this palette its sense of nature and growth.

The five colors

• Parchment (#EDE3D6): A whisper-light, dusty gold — the color of honey in a jar.
• Sage (#ABA868): A luminous, balanced green — the color of new leaves after rain.
• Olive Leaf (#577F34): A full-bodied, balanced green — the color of a quiet forest floor.
• Peacock (#4E5179): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#2D2A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Cypress Ridge color palette (#E8E6D0, #81B38E, #218372, #6C456D, #262D08)
• Hushed Olive Alley color palette (#EEF9EE, #C2BE80, #578621, #494C78, #001E12)
• Tempered Drift color palette (#FCF4E8, #B3B98C, #688C61, #625D88, #37352F)
• Ancient Fern Thicket color palette (#D3EBE2, #7F9468, #366129, #004748, #1F2F07)
• Timeworn Lagoon color palette (#E9E6CE, #529464, #006152, #4C284E, #001505)
• Aged Aubergine color palette (#F0D6DC, #D288E7, #64971B, #810D9C, #1C3000)
• Basalt Summit color palette (#F8F5EA, #B0CFA8, #5D9F83, #8A6670, #444600)
• Weathered Forest color palette (#FAEBE4, #93D2CF, #0096AE, #007040, #003249)

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