The ECI color system reflects our multicultural vision, combining grounding tones with vibrant accents to represent trust, growth, and connection. Each color plays a distinct role in helping community members feel guided, welcomed, and empowered—no matter their background or language.
All HEX/RGB values are for screen use; CMYK values are optimized for high-quality print (Coated FOGRA39).
Primary Colors
Civic Green
HEX: #B5E802
RGB: 181, 232, 2
CMYK: 30, 0, 100, 0
Usage: Main brand accent — ideal for highlighting key information, buttons, and headlines. Represents energy, growth, and forward movement.
Deep Slate
HEX: #332F32
RGB: 51, 47, 50
CMYK: 0, 8, 2, 80
Usage: Primary text color — use for typography, logos, and foundational graphic elements. Grounded and trustworthy.
Secondary Colors
Secondary Colors Horizon Blue
HEX: #114C55
RGB: 17, 76, 85
CMYK: 85, 11, 0, 67
Usage: Backgrounds, navigation bars, headers, and banners. Symbolizes steady guidance and coordination.
Bright White
HEX: #FFFFFF
RGB: 255, 255, 255
CMYK: 0, 0, 0, 0
Usage: Default background — allows all content to breathe and shine, reinforcing clarity and openness.
Soft Graphite
HEX: #707070
RGB: 112, 112, 112
CMYK: 0, 0, 0, 56
Usage: Subtle backgrounds and secondary text. Adds balance, calmness, and contrast without overwhelming the design.
Primary Colors
Use Deep Slate for text and logo work to ensure legibility and brand consistency.
Apply Civic Green for interactive elements (buttons, highlights) or to emphasize progress.
Pair Horizon Blue with White for strong contrast in layouts or for digital headers.
Maintain generous spacing with white backgrounds for a professional and welcoming feel.
Avoid overusing green to preserve its role as a signal for emphasis and guidance.