Worn Olive color palette — #EDF8F2 · #CCDDE1 · #9BC5CA · #786B00 · #33443B

Built around Olive, softened by Ash — the whole palette hums with nature and growth.

The five colors

• Ivory (#EDF8F2): bright and airy, almost weightless.
• Silver (#CCDDE1): a clean, paper-quiet neutral.
• Ash (#9BC5CA): A luminous, dusty blue — the color of deep harbor water.
• Olive (#786B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#33443B): A deep, shadowed, dusty teal — the color of sea glass.

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

• Aged Grove color palette (#EEF7F6, #D0DBE4, #A4C1D3, #028039, #274644)
• Washed Bronze Atelier color palette (#FAF3F6, #CDE3E0, #9FC6BC, #A35000, #4E3943)
• Washed Fern color palette (#E7F1ED, #C1D0CE, #88A7AE, #545A00, #19342A)
• Worn Lagoon color palette (#EFF7F8, #D7DAE1, #B5A8AE, #449283, #4B5456)
• Timeworn Taupe Garden color palette (#F9F5EB, #D3DFD1, #BBC4D0, #B4A559, #513C00)
• Quiet Lantern color palette (#ECF9EC, #A4A86F, #327B3A, #6F4700, #3C3E0A)
• Charred Olive color palette (#D3E9E4, #3D7A00, #00332D, #0A1E00, #000C0B)
• Washed Abyss Grove color palette (#D6E6E5, #9BADB2, #688397, #004327, #001818)

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