Weathered Olive color palette — #FFF0F9 · #A9ADFF · #AF7400 · #4F7500 · #171539

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

The five colors

• Ivory (#FFF0F9): bright and airy, almost weightless.
• Lavender (#A9ADFF): A luminous, balanced violet — the color of twilight just after sunset.
• Ochre (#AF7400): A luminous, balanced gold — the color of honey in a jar.
• Olive (#4F7500): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#171539): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

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

• Patina Rust Quarry color palette (#D8FFF5, #77BCFF, #CA5D2E, #746800, #001C36)
• Sunlit Fuchsia color palette (#FFF1F5, #DA95FF, #938300, #007A57, #280C35)
• Frosted Workshop color palette (#FFF1F3, #DB8CE5, #B86600, #006139, #002146)
• Wandering Lilac Lagoon color palette (#FFF1F7, #9E7BEA, #9C6800, #005E17, #001420)
• Washed Moss color palette (#FFF1F3, #D19ED3, #97A753, #008576, #351C21)
• Dusty Veranda color palette (#FFF4E2, #E4A0FF, #D15089, #486300, #3C1838)
• Feathered Indigo Harbor color palette (#EBF2FF, #5165FF, #6E7100, #4B4D00, #07132B)
• Worn Peony color palette (#FFF1F1, #FF55BD, #458100, #006161, #1E0012)

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