Washed Olive color palette — #ECF9ED · #94C0AB · #6B8C51 · #5C5F89 · #1B3D2E

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

The five colors

• Ivory (#ECF9ED): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#94C0AB): A luminous, dusty teal — the color of shallow lagoons.
• Olive Leaf (#6B8C51): A luminous, balanced green — the color of a quiet forest floor.
• Slate (#5C5F89): A full-bodied, dusty violet — the color of a velvet chair.
• Forest (#1B3D2E): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Tempered Summit color palette (#E8FAF5, #8CBFC0, #00948B, #336A87, #003E3F)
• Emerald Delta color palette (#EAFAED, #BAC17E, #519B40, #6D5C9D, #3A3E07)
• Worn Bloom color palette (#DAE9E0, #99AD7E, #338450, #614586, #212E06)
• Emerald Pier color palette (#FFF3E3, #D3D598, #6D9859, #77596B, #2E270F)
• Taupe Villa color palette (#F1F7F0, #BBDAC8, #91A376, #747C98, #3C5346)
• Olive Grove color palette (#F8F5E9, #8FA375, #40712A, #105655, #36362F)
• Pine Alley color palette (#FBF2F8, #B1DDE9, #3BA4BD, #008150, #003F5E)
• Wandering Harbor color palette (#EFECFF, #C990D2, #7BA44A, #A43BB5, #263E00)

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