Weathered Olive color palette — #E7F1EE · #C7DCDD · #A2BDC6 · #5F7E2C · #22312D

A conversation between Olive Leaf and Ash, giving this palette its sense of nature and growth.

The five colors

• Cream (#E7F1EE): bright and airy, almost weightless.
• Silver (#C7DCDD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Ash (#A2BDC6): A luminous, dusty blue — the color of deep harbor water.
• Olive Leaf (#5F7E2C): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#22312D): 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 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

• Aged Thicket color palette (#E7F1EF, #C7D6DC, #9FC2D8, #72A255, #1C332F)
• Aged Alley color palette (#DFE8E7, #B1C9CE, #8DA9BB, #007532, #042523)
• Cypress Quarry color palette (#D9E9DF, #90AF83, #008568, #605622, #00312B)
• Smoked Pine color palette (#C5E6E6, #008758, #003A41, #001B1B, #000604)
• Wandering Basalt Terrace color palette (#EEE8D6, #7FAFAE, #4E8492, #7B4B42, #532219)
• Hushed Cerulean color palette (#EDF7FC, #D8D9EB, #C5BAD3, #0096B0, #2C434F)
• Muted Courtyard color palette (#DCE7EC, #9BA6B1, #7B86A1, #004F55, #000B11)
• Weathered Moss Parlor color palette (#F0D3F1, #7FA100, #00787D, #73235A, #002D12)

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