Worn Olive color palette — #ECF8F3 · #7FBADA · #A27DA7 · #56742C · #164860

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

The five colors

• Ivory (#ECF8F3): bright and airy, almost weightless.
• Sky (#7FBADA): A luminous, dusty blue — the color of open sky before noon.
• Dusty Rose (#A27DA7): A luminous, dusty pink — the color of peonies in June.
• Olive (#56742C): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#164860): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Dusty Bronze Cabin color palette (#F0F8ED, #75C2B7, #9083B5, #7E6600, #0E4D47)
• Hushed Olive color palette (#EDF9F0, #72BFCF, #BB786A, #537438, #364926)
• Timeworn Hollow color palette (#F1F5FF, #8A92D0, #A45462, #5C5517, #1C4955)
• Patina Hollow color palette (#FDF2F5, #C2A3D5, #7E965D, #5B7237, #064E3F)
• Gentle Olive color palette (#FFF1F6, #B094DE, #788A2C, #006A79, #00404A)
• Dusty Powder color palette (#EFF6FF, #AECDFF, #BA9165, #477666, #164135)
• Worn Corridor color palette (#F9EEF4, #9A93CD, #695152, #44323B, #251F26)
• Driftwood Balcony color palette (#E7FBEB, #DDCDDE, #BCA3A8, #778871, #465441)

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