Weathered Olive color palette — #EFF7F5 · #D1DBDE · #A0B9BA · #4B7100 · #303E3A

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

The five colors

• Ivory (#EFF7F5): bright and airy, almost weightless.
• Silver (#D1DBDE): a clean, paper-quiet neutral.
• Ash (#A0B9BA): A luminous, dusty teal — the color of sea glass.
• Olive (#4B7100): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal (#303E3A): quiet, heavy and certain.

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

Use it as a design system

One click turns Weathered 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

• Olive Lagoon color palette (#F6F5EE, #D3DCD5, #AAC6BF, #768A3C, #3C3B30)
• Washed Fern color palette (#EBF4F1, #CDD8DD, #A0BDC5, #5D6C2F, #14241F)
• Pine Basin color palette (#ECF9F3, #78A69B, #307340, #4D4E18, #143D36)
• Petrol Corridor color palette (#EBF7FC, #D2DAEA, #AABFD3, #007884, #264550)
• Washed Forest Lantern color palette (#E7F3F1, #ABBDBD, #789498, #155300, #0E2421)
• Softworn Denim Studio color palette (#E6F0F6, #C5CDD5, #8FA2BB, #005F71, #1F3139)
• Lowlit Pine color palette (#C9E7E6, #007646, #002C32, #001818, #000507)
• Timeworn Bloom color palette (#DEECF0, #8A9DA7, #597489, #003232, #000B10)

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