Color

Core Brand Neutrals

These colors form the foundation of the interface and marketing materials, creating a high-contrast, editorial look.

Origin Bone

#EBE7DE

Deep Carbon

#1A1A1A

Faint Slate

#707070

Soft Cloud

#F5F3EF

Name	Hex	Purpose
Origin Bone	#EBE7DE	The primary background color used for the main UI and containers to provide a soft, premium feel.
Deep Carbon	#1A1A1A	Used for primary headings, body text, and dark mode backgrounds (as seen in the “Semantic Era” hero section).
Faint Slate	#707070	Used for secondary text, labels (like “ACTIVITY” or “ENDPOINTS”), and UI borders.
Soft Cloud	#F5F3EF	A lighter tint of Bone used for subtle card backgrounds or alternating list items.

The Semantic Spectrum (Data Viz)

The bar charts in the UI use a distinct gradient stack to represent different categories of agent activity.

Peak Activity

#8B5CF6

Active Session

#3B82F6

System State

#10B981

Transition

#FACC15

Warning

#F97316

Category	Hex	Purpose
Peak Activity	#8B5CF6	Vibrant Violet: Used for the highest data points in a stack.
Active Session	#3B82F6	Electric Blue: Represents standard, healthy agent sessions.
System State	#10B981	Emerald Green: Lower-level baseline activity and system health.
Transition	#FACC15	Solar Yellow: Middle-tier activity or state transitions.
Warning/Atypical	#F97316	Alert Orange: Highlights “Atypical” behavior or 1% anomalies.

Functional UI States

These specific codes are used for interactive elements and status indicators.

Idle State

#D1D1D1

Active Indicator

#22C55E

Selection Highlight

#E2E2E2

Sidebar Icon Active

#4B4B4B

Name	Hex	Purpose
Idle State	#D1D1D1	Used for empty chart states or “Idle” status dots.
Active Indicator	#22C55E	The bright green dot indicating a live system or “Active” status.
Selection Highlight	#E2E2E2	Used for button borders (like “ATYPICAL ONLY”) and hover states.
Sidebar Icon Active	#4B4B4B	The darker grey used for active navigation icons.

Brand Color Usage Guide

Design Note: When applying these colors, the “Semantic Spectrum” should never be used for decorative elements. It is strictly reserved for conveying Information Density and System Behavior. Use Origin Bone and Deep Carbon for 90% of the brand’s visual real estate to maintain a “Next Gen” security aesthetic.