Humanitarian Color Psychology

An interactive guide to the UI color palettes of the world's leading non-profit and humanitarian organizations.

The Red Cross

Emergency Response & Medical Neutrality
#ED1B2E
#FFFFFF
#6D6E70
Application: The website background is almost entirely white to provide a stark, sterile canvas. The iconic Red is used sparingly but powerfully for the main logo, urgent alerts, and primary "Donate" buttons.

Doctors Without Borders

Frontline Medical Aid
#E30613
#FFFFFF
#000000
Application: High-contrast, bold blocks. Headers, footers, and crisis banners are often blocked out in Standard Black with MSF Red typography, or vice versa. Red is strictly used for urgent calls to action.

UNICEF

Global Child Welfare & Peace
#1CABE2
#FFFFFF
#0A1C2E
Application: Unlike emergency responders, UNICEF washes its website in signature Cyan. It is used in large hero-image overlays and navigation bars to create a safe, welcoming, and globally optimistic environment.

Oxfam

Poverty & Sustainable Agriculture
#44841A
#FFFFFF
#8C6A4B
Application: The Oxfam Green anchors the site, communicating grassroots growth and sustainability. It is used in navigation and action buttons, paired with ample whitespace and earthy brown accents.

Amnesty International

Human Rights & Advocacy
#FFFF00
#000000
#FFFFFF
Application: Designed to look like a protest poster. Massive blocks of Process Yellow juxtaposed tightly against Process Black. This mimics hazard tape, aligning with their mission to expose abuses.

World Food Programme

Food Security & Logistics
#2B73B4
#F5B217
#FFFFFF
Application: Uses a strong, institutional "UN Blue" to signify global authority and logistics, paired with a warm, optimistic golden-yellow representing wheat, corn, and sustenance for action buttons.

Save the Children

Child Rights & Relief
#DA291C
#231F20
#F3F4F6
Application: A warmer, slightly softer red than MSF or Red Cross, reflecting a balance between urgent crisis response and nurturing child care. Generous use of soft gray backgrounds to ease readability.

CARE

Women's Empowerment & Poverty
#F15D22
#002A4E
#FFFFFF
Application: CARE utilizes a highly energetic, vibrant orange to convey warmth, human connection, and action. This is grounded by a deep, serious navy blue for typography and structural website elements.

Water.org

Sanitation & Clean Water
#007398
#59BBE2
#003E51
Application: Directly ties its visual identity to its mission using a monochromatic scale of aquatic blues and teals. Dark teal is used for headers, while bright aqua is used for actionable links and highlights.

Habitat for Humanity

Shelter & Community Building
#005DAB
#78A22F
#FFFFFF
Application: Combines a structural, reliable blue (representing construction and trust) with an organic, bright green (representing community growth and neighborhoods). Green is heavily used for the "Donate" UI.

WWF

Wildlife & Nature Conservation
#000000
#FFFFFF
#F47920
Application: Famous for its minimalist Panda logo, the site relies on heavy black and white for its core UI to let stunning nature photography shine. Bright orange or warm yellow are used sparingly for donation conversions.