Color System

Human’s color system is built on a Human green primary with amber and steel blue accents, across three theme modes.

Philosophy

Colors in Human combine a corporate-clean Human green accent with warm charcoal dark surfaces and warm amber secondaries. Every color is purposeful:

Human Green — primary actions, links, focus rings
Amber — secondary emphasis, warnings, warmth
Steel Blue — tertiary accents, tags, decorative elements (institutional blue)

Color Scales

Neutral Scale (Ocean Depth)

The neutral scale progresses from deep ocean midnight (50) to coastal sky-white (1000):

Step	Hex	Usage
0	`#000000`	True black (high-contrast bg)
50	`#060b12`	Dark theme background
100	`#0b1219`	Dark theme inset
150	`#101a24`	Dark theme surface
200	`#162230`	Dark theme elevated
250	`#1c2a3a`	Dark theme overlay
300	`#233345`	Dark borders
400	`#3d5468`	Faint text (dark)
500	`#5e7a94`	Muted text (dark)
600	`#8aa0b8`	Faint text (light)
700	`#c0d0e0`	Light borders
750	`#d8e4f0`	Primary text (dark)
800	`#e6edf4`	Light theme inset
850	`#f0f5fa`	Light theme elevated
900	`#f7f9fc`	Light theme background
1000	`#ffffff`	Pure white

Human Green Scale (Primary Accent)

Step	Hex	Usage
300	`#a3d46a`	Strong accent (dark)
400	`#8DC63F`	Hover/text accent (dark)
500	`#7AB648`	Default accent
600	`#5A9A30`	Light hover accent
700	`#47802A`	Text accent (light)

Amber Scale (Secondary Accent)

Step	Hex	Usage
300	`#fcd34d`	Strong amber (dark)
400	`#fbbf24`	Hover amber (dark)
500	`#f59e0b`	Default amber
600	`#d97706`	Light hover amber

Status Colors

Status	Dark	Light	Purpose
Success	Seafoam `#10b981`	`#008000`	Confirmations, healthy states
Warning	Yellow `#eab308`	`#ca8a04`	Caution, pending states
Error	Coral `#f97066`	`#CC0000`	Errors, destructive actions
Info	Blue `#3b82f6`	`#2563eb`	Informational messages

Theme Modes

Dark Theme (Deep Ocean)

Default theme. Navy backgrounds with high-luminance text. Accent colors are bright and saturated for maximum visibility against dark surfaces.

Light Theme (Corporate Clean)

Clean white/gray surfaces with charcoal text and Human green accents. Crisp #D9D9D9 borders, minimal shadows, and #F5F5F5 canvas background. All text/background pairs meet WCAG AA (4.5:1 minimum).

High Contrast

Maximum contrast for accessibility. Backgrounds are pure black or white, text uses extreme values. All pairs exceed WCAG AAA (7:1 minimum). Focus rings use maximum contrast.

Contrast Requirements

All semantic color pairings are validated:

Pairing	Minimum Ratio	Standard
Text on background	4.5:1	WCAG AA
Large text on background	3:1	WCAG AA
UI components on background	3:1	WCAG AA
High-contrast text	7:1	WCAG AAA
Focus ring on background	3:1	WCAG 2.2

Usage

CSS

.card {
  background: var(--hu-bg-surface);
  color: var(--hu-text);
  border: 1px solid var(--hu-border-subtle);
}

.badge-success {
  background: var(--hu-success-dim);
  color: var(--hu-success);
}

Swift

Text("Hello")
  .foregroundColor(HUTokens.accent)
  .background(HUTokens.bgSurface)

Kotlin

Text(
  text = "Hello",
  color = HUTokens.accent,
  modifier = Modifier.background(HUTokens.bgSurface)
)

C (Terminal)

printf(HU_COLOR_ACCENT "Connected" HU_COLOR_RESET "\n");
printf(HU_COLOR_ERROR_TC "Error: %s" HU_COLOR_RESET "\n", msg);