Weathered Olive color palette — #E5F7EF · #A3AB5F · #7589D1 · #646B00 · #172644

Olive and Lavender Blue set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E5F7EF): A whisper-light, dusty teal — the color of sea glass.
• Sage (#A3AB5F): A luminous, balanced green — the color of a quiet forest floor.
• Lavender Blue (#7589D1): A luminous, balanced violet — the color of wild irises.
• Olive (#646B00): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#172644): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged cool.

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

• Soft Workshop color palette (#E2F7F4, #7EB37F, #9B7FBA, #37743B, #2F1E3F)
• Dusty Chestnut color palette (#FFECF3, #D09660, #4698BD, #915300, #002C3D)
• Olive Meadow color palette (#E8FAF2, #9FA568, #009BAC, #666C00, #004C55)
• Olive Delta color palette (#FBF5E2, #BCBC7E, #9D9BE4, #888500, #3F3D65)
• Airy Indigo Study color palette (#D9FBEB, #939240, #7675C2, #785C97, #072419)
• Pewter Harbor color palette (#E4F8ED, #8CB6AA, #7C7742, #61471A, #0C2826)
• Aged Forest Cabin color palette (#E2F7F6, #D3AA87, #23633F, #002E2E, #001010)
• Sunlit Raspberry color palette (#CBFDFF, #2BC393, #AF40A1, #006C4E, #3C0036)

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