Weathered Olive color palette — #E3F7F3 · #9BBF90 · #AA8EC6 · #518042 · #2E2C4E

Built around Olive, softened by Mauve — the whole palette hums with nature and growth.

The five colors

• Ivory (#E3F7F3): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#9BBF90): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#AA8EC6): A luminous, balanced violet — the color of a velvet chair.
• Olive (#518042): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2E2C4E): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Wandering Basin color palette (#ECF8F5, #9FB98E, #AD87C3, #578036, #594267)
• Aged Cypress color palette (#E0F7FA, #80C2B4, #C78796, #2E8172, #3C2941)
• Dusty Meadow color palette (#E8F6EC, #C3B37F, #7A9ECF, #84702B, #203248)
• Timeworn Atelier color palette (#E4F7F1, #C8E0EE, #BBAFB8, #6E8D70, #2E4242)
• Muted Emerald color palette (#F5F7EA, #C3C99D, #BAA5DC, #5F9E5B, #64414F)
• Hushed Canyon color palette (#E0F8F1, #8EA670, #B078A6, #94678C, #112D27)
• Driftwood Boulevard color palette (#FFECF4, #A5C4AC, #9B7787, #674E65, #1B3129)
• Muted Forest Station color palette (#D2FCF6, #AFD3AE, #678F62, #2A5730, #002322)

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