🎨 Core of Volunteers – Brand Style Guide

Brand Hierarchy & Purpose

Color	HEX	Purpose	Emotional Meaning
🟣 Core Purple	`#5525D5`	Represents The Core of Volunteers – identity, unity, purpose.	Wisdom · Compassion · Transformation
🔵 Trust Blue	`#1F71E9`	Business & partnership operations.	Trust · Professionalism · Stability
🟢 Volunteer Green	`#4BD1A0`	Volunteerism, growth, Core C.A.R.E. success.	Renewal · Hope · Community
🔴 Alert Red	`#D72623`	Help requests & emergencies.	Urgency · Empathy · Action
🟡 Policy Yellow	`#FFD94C`	Government & bureaucracy references.	Caution · Clarity · Transparency
⚫ Charcoal Dark	`#222222`	Foundation neutral.	Strength · Balance
⚪ White	`#FFFFFF`	Clean background & contrast.	Openness · Simplicity

Extended Palette

Color	Light Tint	Base	Dark Shade
Core Purple	`#7B51E1`	`#5525D5`	`#3A179B`
Trust Blue	`#5DA0F0`	`#1F71E9`	`#0E4DA5`
Volunteer Green	`#7FE5C2`	`#4BD1A0`	`#2C8A69`
Alert Red	`#E85B59`	`#D72623`	`#8C1715`
Policy Yellow	`#FFE889`	`#FFD94C`	`#A68B1B`

Functional Colors

Context	HEX	Usage
Text Primary	`#222222`	Default text
Text Secondary	`#555555`	Body copy
Link / Hover	`#1F71E9` / `#0E4DA5`	Navigation, CTAs
Background Light	`#FFFFFF`	Default sections
Background Dark	`#222222`	Inverse areas
Success State	`#4BD1A0`	Confirmations, volunteer wins
Error / Help	`#D72623`	Alerts & help requests
Warning / Policy	`#FFD94C`	Government notes & cautions

Gradients & Overlays

Core Gradient:        linear-gradient(90deg, #5525D5 0%, #1F71E9 100%)
Help Gradient:        linear-gradient(90deg, #D72623 0%, #FFD94C 100%)
Volunteer Gradient:   linear-gradient(90deg, #4BD1A0 0%, #1F71E9 100%)
Overlay Tint:         rgba(34,34,34,0.6)

Accessibility Notes

Meets WCAG 2.1 AA contrast standards.
Use white text on purple, blue, or red.
Never rely on red vs green alone → include icons or labels.

🎨 Core of Volunteers – Brand Style Guide

Brand Hierarchy & Purpose

Extended Palette

Functional Colors

Gradients & Overlays

Accessibility Notes

Emotional Narratives