Washed Olive color palette — #EFF6FF · #7390B7 · #507842 · #005E4D · #22343F

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Slate Blue (#7390B7): A luminous, dusty blue — the color of deep harbor water.
• Olive (#507842): A full-bodied, balanced green — the color of fresh herbs.
• Pine (#005E4D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#22343F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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 Meadow color palette (#EBF7FD, #3E8B98, #7C6520, #415B13, #253A3D)
• Wandering Denim color palette (#F4F4FD, #9171A0, #057978, #005176, #2E3549)
• Worn Hollow color palette (#F1F0FC, #9874AD, #836D00, #005D66, #171622)
• Ancient Forest Quarry color palette (#FDF1F7, #BD8B6F, #7D7132, #226330, #144A57)
• Patina Indigo color palette (#F0F5FF, #6363C7, #006335, #004648, #002640)
• Aged Blush Hollow color palette (#FDF2F1, #D2849E, #B07F46, #28786F, #3F2D34)
• Tempered Bronze Workshop color palette (#FFF1F6, #D1959D, #A06559, #615B24, #524152)
• Dusty Mallow color palette (#FFF1F3, #E3A9F0, #CF9383, #6A92B1, #413039)

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