Worn Olive color palette — #E3E4C3 · #7A8400 · #3F5000 · #263900 · #0D2800

Olive Leaf and Deep Olive set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#E3E4C3): A whisper-light, dusty green — the color of fresh herbs.
• Olive Leaf (#7A8400): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#3F5000): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#263900): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Forest (#0D2800): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Balance. Tagged warm.

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

• Emerald Studio color palette (#D9EFD7, #519340, #0F5106, #042501, #010D00)
• Moss Meadow color palette (#F6E9D1, #A48E00, #5D7100, #054B0B, #002613)
• Patina Chapel color palette (#E6E6D1, #4D7D00, #006281, #264200, #001E2A)
• Misty Lagoon color palette (#E0E2D1, #84C99A, #009B78, #3A5000, #062F10)
• Bronze Veranda color palette (#FFECDD, #AA6700, #6C4500, #422E00, #1B2101)
• Fern Hollow color palette (#EFE8C0, #95AD73, #5B882E, #276917, #27502D)
• Hushed Boulevard color palette (#E9F4E6, #00AF3D, #00773E, #005035, #003537)
• Aged Fern Alley color palette (#E5E8CE, #1D6D01, #005961, #543600, #021700)

Browse the whole catalog at Explore, or see today's palette.