Worn Olive color palette — #FAF5E4 · #E4DFBE · #C1C09A · #7D7C00 · #35332C
Olive Leaf and Pistachio set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FAF5E4): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#E4DFBE): A whisper-light, dusty green — the color of new leaves after rain.
- Pistachio (#C1C09A): A luminous, dusty green — the color of new leaves after rain.
- Olive Leaf (#7D7C00): A full-bodied, balanced green — the color of fresh herbs.
- Espresso (#35332C): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Worn 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
- Timeworn Pine Harbor color palette (#F3F7EA, #D6E3CA, #AFC6A5, #0E8E58, #2C3900)
- Weathered Archive color palette (#F9F5EA, #D5D3C2, #A5AB82, #635D00, #35332C)
- Mustard Boulevard color palette (#F6EAD0, #B6B100, #718100, #685A18, #313000)
- Washed Moss Garden color palette (#ECF9F2, #C3E0E4, #97CDDD, #A69C00, #143B2B)
- Tempered Fern Terrace color palette (#EAEADE, #A4A88B, #828B6A, #304F10, #0A0A02)
- Cypress Grove color palette (#ECF1E8, #BCC8B9, #96AB97, #00715D, #1A2213)
- Tempered Olive Lantern color palette (#E1F0D9, #4B8B00, #10431C, #1D1C00, #090700)
- Washed Alley color palette (#E9E8B8, #88A700, #0E861D, #005766, #1C3000)
Browse the whole catalog at Explore, or see today's palette.