Weathered Olive color palette — #F3F2E8 · #ABBB86 · #A092CB · #657D07 · #342A4D

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

The five colors

• Cream (#F3F2E8): a clean, paper-quiet neutral.
• Sage (#ABBB86): A luminous, dusty green — the color of a quiet forest floor.
• Mauve (#A092CB): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#657D07): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#342A4D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Softworn Pine Ridge color palette (#F0F3EA, #8BC2A4, #B08BC5, #22855B, #472530)
• Dusty Bronze color palette (#F9F0E8, #CEAC8A, #819CD1, #9F6103, #41263E)
• Mallow Harbor color palette (#EDF8F3, #C5CA8F, #D09ADF, #8E923C, #4D4965)
• Weathered Grove color palette (#F8F5EB, #AEB677, #CF7F81, #71792C, #61453C)
• Weathered Pewter Alley color palette (#F2F4DF, #82A975, #8587C2, #99609E, #282914)
• Aged Station color palette (#E9F6E7, #64B4AC, #C37185, #00746D, #441323)
• Bronze Lantern color palette (#FCEFE6, #C9B8A6, #AE7348, #794948, #352A16)
• Chalky Market color palette (#F2F4DE, #71BF51, #BA50AE, #255F00, #3B0037)

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