Worn Olive color palette — #EFF6FC · #D9DAE4 · #BCAEB9 · #677D3C · #4C5459

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

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Silver (#D9DAE4): bright and airy, almost weightless.
• Ash (#BCAEB9): A luminous, dusty pink — the color of a candy shop window.
• Olive Leaf (#677D3C): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#4C5459): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

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

• Antique Study color palette (#EDF7FF, #8DD0FF, #D2979B, #6E9173, #244B3F)
• Aged Dune color palette (#EEF8F4, #D0DDDF, #B5B1A7, #79A796, #4D5452)
• Worn Powder Meadow color palette (#EAF3FF, #8BB8FF, #767A92, #4D5561, #1C2327)
• Cerulean Lantern color palette (#EDF4F1, #DAD1D0, #A59C93, #548AA7, #2E3934)
• Muted Petrol color palette (#E6F2FB, #A29EB9, #8F8399, #0C6A9B, #020A14)
• Softworn Veranda color palette (#EEF6FF, #DBD7E6, #C3A6A6, #67A9ED, #35414E)
• Washed Pewter color palette (#DCDDE8, #BEA9BB, #AD8D9C, #8060A3, #12121E)
• Softworn Courtyard color palette (#F5F4FF, #EBD2E2, #D9B5C1, #BB7AD1, #322F46)

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