Weathered Olive color palette — #EBF9F4 · #79811D · #207151 · #303F7E · #372634

Olive Leaf and Navy set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EBF9F4): a clean, paper-quiet neutral.
• Olive Leaf (#79811D): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#207151): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#303F7E): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#372634): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant, 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

• Tempered Meadow color palette (#EBFAEC, #906A16, #2F6335, #004961, #302439)
• Softworn Pine Coast color palette (#E2FBF9, #198A56, #00666A, #542A68, #352029)
• Ancient Petrol Balcony color palette (#ECF9F0, #9E863C, #006D90, #533A6E, #512743)
• Pine Field color palette (#FFF1F5, #B29258, #4A773F, #5A3F78, #234535)
• Aged Olive color palette (#D2ECE1, #6F7900, #193837, #10231D, #040F0D)
• Antique Chapel color palette (#D9F5EE, #49720D, #580065, #510030, #22081B)
• Aged Pier color palette (#F1F7F2, #D2DDDD, #B3C2C7, #887140, #424A44)
• Aubergine Hollow color palette (#C9FDF8, #006D27, #004B47, #3E006A, #220F00)

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