Washed Olive color palette — #F6F6E8 · #A1B98F · #C98573 · #588030 · #534B47

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

The five colors

• Ivory (#F6F6E8): bright and airy, almost weightless.
• Sage (#A1B98F): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#C98573): A luminous, balanced orange — the color of sun-warmed clay.
• Olive Leaf (#588030): A full-bodied, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#534B47): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Bronze Quarry color palette (#FAF4EB, #C4AD7B, #C282A1, #906C00, #69403F)
• Antique Olive Corridor color palette (#F7F6E9, #B6B287, #4CA6C2, #647E26, #1E5565)
• Olive Study color palette (#F3F3E4, #A3BE8A, #C283B9, #5B7E31, #44282B)
• Antique Mallow Meadow color palette (#E7FAF5, #B4CF97, #DB97CB, #7B975A, #514762)
• Timeworn Cypress color palette (#EFF8ED, #7BBFB7, #9291CC, #00847C, #614255)
• Weathered Boulevard color palette (#EEF9EE, #56B0B3, #968B3E, #007477, #4B4300)
• Muted Coast color palette (#F4F7E8, #CCE8D4, #A4D2BD, #6E8F60, #47550B)
• Spruce Workshop color palette (#F2F7EE, #C9C198, #356A58, #284100, #1D2A23)

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