Weathered Olive color palette — #FFF0F1 · #F2AD8E · #AF8A3A · #587117 · #00472A
A conversation between Olive and Mustard, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF0F1): bright and airy, almost weightless.
- Melon (#F2AD8E): A luminous, balanced orange — the color of autumn markets.
- Mustard (#AF8A3A): A luminous, balanced gold — the color of afternoon light on wheat.
- Olive (#587117): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#00472A): A deep, shadowed, balanced teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, 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
- Pine Corridor color palette (#FFEBE2, #E5BF7A, #87974D, #16784C, #004943)
- Timeworn Chapel color palette (#FFE7F5, #F5A5AE, #CA8351, #796000, #384600)
- Linen Loft color palette (#FFEBE5, #E49300, #7F7F00, #0C600F, #00312A)
- Dusty Terrace color palette (#E6FCE6, #E89B82, #848D49, #575F91, #4F343E)
- Moss Market color palette (#E8E0D0, #97AA27, #008848, #005851, #002B35)
- Washed Amber color palette (#FFE8E7, #C46800, #605500, #1D3900, #001109)
- Bronze Workshop color palette (#FFE9D7, #866F00, #3D5300, #002D1C, #000505)
- Tempered Dune color palette (#D8EADB, #AE8934, #37544D, #223226, #1E151A)
Browse the whole catalog at Explore, or see today's palette.