Worn Olive color palette — #F5F2E6 · #BEB48A · #9D93CD · #717900 · #322A4E

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

The five colors

• Cream (#F5F2E6): a clean, paper-quiet neutral.
• Sage (#BEB48A): A luminous, dusty green — the color of new leaves after rain.
• Blue Fog (#9D93CD): A luminous, balanced violet — the color of twilight just after sunset.
• Olive Leaf (#717900): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#322A4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Nature, Growth, 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

• Worn Pine color palette (#F0F3E9, #8DC1A2, #AB8FC0, #278557, #3C2749)
• Muted Olive color palette (#F8F5E9, #B0B675, #9390D2, #737920, #614254)
• Ancient Bronze Quarry color palette (#F9F0E8, #CFAC8E, #739FD4, #A95A04, #183251)
• Weathered Lilac Terrace color palette (#E9FAF2, #C9C88E, #B9A3E7, #929049, #474A69)
• Patina Cobalt color palette (#F3F3E1, #88A871, #8987BB, #746FAE, #292911)
• Bronze Bloom color palette (#FDEFE7, #CAB8A4, #B0724B, #774853, #332B18)
• Peony Hollow color palette (#ECF5EA, #61B5AA, #C56C94, #00756B, #43122B)
• Worn Cypress Summit color palette (#EFF4EA, #DFBAA7, #376E5A, #013B2B, #11160C)

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