Worn Olive color palette — #EAF5F0 · #B2BA76 · #00877C · #646B08 · #001115

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

The five colors

• Cream (#EAF5F0): bright and airy, almost weightless.
• Sage (#B2BA76): A luminous, balanced green — the color of new leaves after rain.
• Teal (#00877C): A full-bodied, balanced teal — the color of glacier melt.
• Olive (#646B08): A full-bodied, balanced green — the color of fresh herbs.
• Ink (#001115): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Sophistication. Tagged duotone, 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

• Aged Balcony color palette (#EDF4EE, #D1AE6C, #59824A, #825D00, #00120F)
• Weathered Grove color palette (#F9F5EB, #BDAE7A, #007E85, #725E00, #16291A)
• Timeworn Lagoon Corridor color palette (#EAF4F3, #AACEAD, #2A939A, #4B8052, #07191E)
• Washed Cypress Pier color palette (#E5F8E8, #7BAB76, #007C6F, #543965, #002929)
• Timeworn Lagoon Courtyard color palette (#D8F1BD, #83BB85, #2D8865, #005751, #002B2E)
• Muted Jade Bloom color palette (#E0F7F8, #00C497, #007699, #006C52, #000B12)
• Hushed Cypress Canyon color palette (#EBF4F2, #CEDADE, #B1BFC7, #4B8077, #20302D)
• Hushed Moss color palette (#D5F6EF, #54AE00, #006772, #285A00, #000405)

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