Weathered Olive color palette — #F9F5E9 · #757600 · #006755 · #403B7E · #3A281B
A conversation between Olive and Indigo, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F9F5E9): a clean, paper-quiet neutral.
- Olive (#757600): A full-bodied, balanced green — the color of new leaves after rain.
- Pine (#006755): A full-bodied, balanced teal — the color of sea glass.
- Indigo (#403B7E): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Espresso (#3A281B): A deep, shadowed, dusty gold — the color of old brass.
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
- Aubergine Quarry color palette (#FBF4EA, #976C0E, #00677D, #5E2D6C, #322614)
- Softworn Pine Alley color palette (#FFF3E8, #A66028, #007434, #283F7B, #37251E)
- Amber Bloom color palette (#FFF3E6, #C18C34, #4D782F, #573E7E, #403D36)
- Linen Garnet Terrace color palette (#F8F7DD, #4E7500, #00568F, #750042, #2D2500)
- Olive Harbor color palette (#E6F6F0, #77880F, #006F70, #00425E, #06150A)
- Forest Atelier color palette (#E8EBDA, #006C1D, #00357E, #4E0028, #091300)
- Weathered Field color palette (#FFF0DD, #765200, #00495C, #49004E, #221500)
- Amber Workshop color palette (#FFF3E6, #C58100, #418647, #83415F, #33231A)
Browse the whole catalog at Explore, or see today's palette.