Weathered Olive color palette — #FDF1F9 · #FABAA7 · #B49556 · #52782C · #014148
Built around Olive, softened by Mustard — the whole palette hums with nature and growth.
The five colors
- Ivory (#FDF1F9): a clean, paper-quiet neutral.
- Melon (#FABAA7): A whisper-light, dusty orange — the color of autumn markets.
- Mustard (#B49556): A luminous, balanced gold — the color of honey in a jar.
- Olive (#52782C): A full-bodied, balanced green — the color of fresh herbs.
- Deep Teal (#014148): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Optimism, 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
- Cypress Ridge color palette (#F0F8F0, #E4C69F, #8EA36E, #007D6A, #173C52)
- Hushed Bronze Grove color palette (#F8F2FE, #F4B7D6, #C68877, #856611, #28401A)
- Amber Grove color palette (#ECF9ED, #BD8600, #4A7100, #004339, #000F17)
- Muted Apricot Workshop color palette (#F4F4FE, #D4BAEF, #D09F65, #409794, #2D445E)
- Weathered Station color palette (#EDF8F3, #C1BF74, #4E9D70, #006872, #0D2B50)
- Dusty Pewter Meadow color palette (#FCF2F9, #F7BAB1, #B39560, #6F6098, #51293E)
- Dusty Parlor color palette (#FCEEEF, #C384B5, #79743D, #195754, #132E19)
- Hushed Olive color palette (#DBFBED, #7D8000, #005C40, #002A33, #00000F)
Browse the whole catalog at Explore, or see today's palette.