Worn Olive color palette — #E8F2E4 · #368800 · #006E6C · #003F65 · #000102
A conversation between Olive Leaf and Navy, giving this palette its sense of nature and growth.
The five colors
- Cream (#E8F2E4): A whisper-light, dusty green — the color of new leaves after rain.
- Olive Leaf (#368800): A full-bodied, vivid green — the color of fresh herbs.
- Teal (#006E6C): A full-bodied, balanced teal — the color of glacier melt.
- Navy (#003F65): A deep, shadowed, balanced blue — the color of deep harbor water.
- Black (#000102): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light, muted.
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
- Worn Thicket color palette (#DEE7CE, #7D8500, #006E3B, #004551, #000201)
- Worn Lagoon color palette (#DBF3DC, #009C86, #007676, #00404F, #000708)
- Nightshade Chapel color palette (#D4EFD7, #008B5A, #006772, #1D00BB, #000102)
- Moss Grove color palette (#C6E5ED, #55A300, #008A81, #006099, #000608)
- Eclipse Navy Orchard color palette (#D4EAD9, #006266, #003458, #261000, #040200)
- Ancient Terrace color palette (#D9F1F8, #00C3AA, #009CA0, #00687C, #000102)
- Gentle Aubergine color palette (#D9EAE3, #008987, #006B9D, #4E00A2, #000107)
- Navy Market color palette (#ECDFD6, #41819E, #003C70, #001F1F, #01000B)
Browse the whole catalog at Explore, or see today's palette.