Washed Olive color palette — #F3DEE6 · #B1A661 · #558039 · #624B6E · #2F2900

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

The five colors

• Shell Pink (#F3DEE6): A whisper-light, dusty rose — the color of a warm blush.
• Sage (#B1A661): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#558039): A full-bodied, balanced green — the color of new leaves after rain.
• Charcoal Brown (#624B6E): A full-bodied, dusty violet — the color of a velvet chair.
• Espresso (#2F2900): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Softworn Cypress color palette (#D4ECDA, #96AF77, #378261, #78405B, #003128)
• Softworn Olive color palette (#FFF3E9, #C8BC80, #558717, #60456A, #1E1800)
• Cypress Station color palette (#D7EAE0, #8AB183, #00856E, #255B79, #163012)
• Fern Parlor color palette (#EBE4D5, #899255, #3A611B, #004361, #282C00)
• Antique Studio color palette (#E6FCEA, #ADC581, #46996E, #715F89, #0C4538)
• Washed Harbor color palette (#D8EADE, #B6C36F, #63A629, #427C9E, #0D3025)
• Emerald Drift color palette (#DBDAFE, #C88DEA, #359E2D, #732F94, #053303)
• Softworn Emerald color palette (#D7EDE1, #5E9355, #006150, #5D1E35, #021500)

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