Weathered Olive color palette — #E5FCEE · #9AAD5E · #487737 · #12567D · #363F14
Built around Olive, softened by Sage — the whole palette hums with nature and growth.
The five colors
- Ivory (#E5FCEE): A whisper-light, dusty teal — the color of glacier melt.
- Sage (#9AAD5E): A luminous, balanced green — the color of a quiet forest floor.
- Olive (#487737): A full-bodied, balanced green — the color of new leaves after rain.
- Peacock (#12567D): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#363F14): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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
- Muted Cypress color palette (#E0FCF7, #74B38F, #007B67, #0D5B65, #11452C)
- Muted Harbor color palette (#D1ECE0, #79975E, #1B6530, #193F66, #1D2F07)
- Feathered Olive Basin color palette (#FFECF4, #B8A864, #547829, #68346D, #282000)
- Hushed Lagoon Quarry color palette (#DDF2ED, #508861, #00513F, #222A54, #00220D)
- Moss Coast color palette (#FFF3E8, #C8BB83, #6E9449, #855488, #453A00)
- Washed Grove color palette (#F0F7F2, #A2CBBC, #5D8C83, #656378, #3F524B)
- Weathered Clover color palette (#FCF5E2, #C6D88E, #64BE3E, #578FB6, #3C3B34)
- Antique Aubergine color palette (#F5F3FF, #D07DE0, #20982C, #7C008F, #0A4810)
Browse the whole catalog at Explore, or see today's palette.