Skip to main content

​
Color Palette

​
Primary Colors

Intelligence Blue

Primary Brand Color #0052CC RGB: 0, 82, 204 HSL: 216°, 100%, 40% CMYK: 100, 60, 0, 20Usage: Primary CTAs, brand moments, key UI elementsMeaning: Intelligence, trust, precision, clarity

Midnight

Deep Background #0A1929 RGB: 10, 25, 41 HSL: 213°, 61%, 10%Usage: Dark mode backgrounds, headers, depthMeaning: Professionalism, sophistication, focus

Pure White

Light Background #FFFFFF RGB: 255, 255, 255Usage: Light mode backgrounds, cards, content areas

​
Secondary Colors — AI Agents

Each AI agent has a signature color for identification throughout the product.
AgentColor NameHEXMeaning
Emma (Requirements)Emerald#10B981Validation, growth, quality assurance
Sarah (Stakeholder)Sapphire#3B82F6Communication, clarity, alignment
Jack (Process)Amber#F59E0BStructure, flow, systematization
David (Compliance)Ruby#DC2626Rules, authority, enforcement
Paul (Traceability)Violet#7C3AEDConnection, insight, mapping
CORE (Orchestration)Silver#64748BCoordination, balance, synthesis
Agent badges use the agent’s respective color at 10% opacity background with the full-opacity color for text/icon. This maintains readability while clearly identifying which agent is involved.

​
Functional Colors

RoleNameHEXUsage
SuccessForest Green#16A34AValidation passed, completed tasks, positive states
WarningSunset Orange#EA580CMedium severity issues, needs attention
ErrorCrimson#DC2626High severity issues, critical errors, blockers
InfoSky Blue#0EA5E9Informational messages, helpful hints, guidance

​
Neutral Palette

The gray scale is optimized for readability across all contexts.
TokenHEXUsage
Gray 50#F8FAFCSubtle backgrounds
Gray 100#F1F5F9Hover states
Gray 200#E2E8F0Borders, dividers
Gray 300#CBD5E1Disabled elements
Gray 400#94A3B8Placeholders
Gray 500#64748BBody text secondary
Gray 600#475569Body text primary
Gray 700#334155Headings
Gray 800#1E293BHigh emphasis text
Gray 900#0F172AMaximum contrast

​
Color Usage Guidelines

​
Accessibility Requirements

All text must meet WCAG 2.1 AA standards (4.5:1 contrast ratio minimum). Primary CTAs must meet AAA standards (7:1 contrast ratio). Color must never be the sole indicator — always pair with icons or labels.

​
Color Meaning System

Color FamilyMeaning
Blue shadesIntelligence, AI, system actions
Green shadesSuccess, validation, growth
Red shadesErrors, high severity, critical
Orange shadesWarnings, medium severity
Purple shadesSpecial features, premium
Gray shadesNeutral, structure, hierarchy

​
UI Application

ElementColor
Primary actionsIntelligence Blue #0052CC
Secondary actionsGray 600 #475569
Destructive actionsError Red #DC2626
LinksIntelligence Blue #0052CC, underlined on hover
Agent badgesRespective agent color at 10% opacity background