Weathered Olive color palette — #F3EEE1 · #939800 · #367300 · #003E28 · #001615
Olive and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F3EEE1): bright and airy, almost weightless.
- Moss (#939800): A luminous, balanced green — the color of new leaves after rain.
- Olive (#367300): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#003E28): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#001615): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Airy Moss color palette (#D9E6C5, #69A835, #0C7115, #004423, #003020)
- Weathered Amber Basin color palette (#E9DCD3, #BF8200, #675E00, #244000, #00140B)
- Timeworn Hollow color palette (#E1E5D4, #00AE44, #007357, #004041, #00161E)
- Olive Corridor color palette (#F2E7D5, #AAB100, #448C00, #006144, #002C2C)
- Timeworn Aubergine color palette (#FCE9DB, #898300, #006245, #50005E, #0B1600)
- Emerald Workshop color palette (#EBFFB5, #89D949, #1D9D1C, #005A2E, #002214)
- Hushed Forest color palette (#FEF2C4, #B9C593, #6B9773, #006554, #00363C)
- Softworn Fern Pier color palette (#F7F2E1, #D5D6BD, #A3B190, #635E00, #211903)
Browse the whole catalog at Explore, or see today's palette.