Color Inventory
Generated: Phase 1 - Read-only inventory
Sources: sageox-mono, ox-cli
Status: Draft - Do not consume
Brand Identity: Sage-Copper-Charcoal
The SageOx color system is built on three pillars:
- Sage (#7A8F78) - Primary brand, neutral, wise, calm
- Copper (#C47A4A) - Secondary accent, premium, CTA
- Charcoal (#111518) - Dark mode base, UI structure
Primary Brand Colors
Sage Scale (Primary)
Token
Hex
Source
--ox-sage-50#f3f6f2
sageox-mono/apps/web/src/styles/tokens.css:29
--ox-sage-100#e5ede3
sageox-mono/apps/web/src/styles/tokens.css:30
--ox-sage-200#d8e3d5
sageox-mono/apps/web/src/styles/tokens.css:31
--ox-sage-300#c4d1c0
sageox-mono/apps/web/src/styles/tokens.css:32
--ox-sage-400#aebca7
sageox-mono/apps/web/src/styles/tokens.css:33
--ox-sage-500#7a8f78
sageox-mono/apps/web/src/styles/tokens.css:34 (PRIMARY BRAND TOKEN)
--ox-sage-600#677d66
sageox-mono/apps/web/src/styles/tokens.css:35
--ox-sage-700#546a54
sageox-mono/apps/web/src/styles/tokens.css:36
--ox-sage-800#445743
sageox-mono/apps/web/src/styles/tokens.css:37
--ox-sage-900#364634
sageox-mono/apps/web/src/styles/tokens.css:38
Copper Scale (Secondary)
Token
Hex
Source
--ox-copper-50#fdf7f1
sageox-mono/apps/web/src/styles/tokens.css:41
--ox-copper-100#f8e7d5
sageox-mono/apps/web/src/styles/tokens.css:42
--ox-copper-200#f1d2ae
sageox-mono/apps/web/src/styles/tokens.css:43
--ox-copper-300#e9be8b
sageox-mono/apps/web/src/styles/tokens.css:44
--ox-copper-400#e0a56a
sageox-mono/apps/web/src/styles/tokens.css:45
--ox-copper-500#c47a4a
sageox-mono/apps/web/src/styles/tokens.css:46 (HERO ACCENT)
--ox-copper-600#a8613b
sageox-mono/apps/web/src/styles/tokens.css:47
--ox-copper-700#8c4b2e
sageox-mono/apps/web/src/styles/tokens.css:48
--ox-copper-800#6f3923
sageox-mono/apps/web/src/styles/tokens.css:49
--ox-copper-900#59301d
sageox-mono/apps/web/src/styles/tokens.css:50
Charcoal Scale (Neutral)
Token
Hex
Source
--ox-charcoal-50#f5f6f7
sageox-mono/apps/web/src/styles/tokens.css:53
--ox-charcoal-100#e7e9ea
sageox-mono/apps/web/src/styles/tokens.css:54
--ox-charcoal-200#d1d5d7
sageox-mono/apps/web/src/styles/tokens.css:55
--ox-charcoal-300#b8bfc2
sageox-mono/apps/web/src/styles/tokens.css:56
--ox-charcoal-400#8f99a3
sageox-mono/apps/web/src/styles/tokens.css:57
--ox-charcoal-500#6f767c
sageox-mono/apps/web/src/styles/tokens.css:58
--ox-charcoal-600#4c5358
sageox-mono/apps/web/src/styles/tokens.css:59
--ox-charcoal-700#2c3236
sageox-mono/apps/web/src/styles/tokens.css:60
--ox-charcoal-800#1a1f22
sageox-mono/apps/web/src/styles/tokens.css:61
--ox-charcoal-900#111518
sageox-mono/apps/web/src/styles/tokens.css:62 (DARK MODE BASE)
Semantic Colors
Warning Scale (Amber)
Token
Hex
Source
--ox-warn-50#fffbeb
sageox-mono/apps/web/src/styles/tokens.css:110
--ox-warn-100#fef3c7
sageox-mono/apps/web/src/styles/tokens.css:111
--ox-warn-200#fde68a
sageox-mono/apps/web/src/styles/tokens.css:112
--ox-warn-300#fcd34d
sageox-mono/apps/web/src/styles/tokens.css:113
--ox-warn-400#fbbf24
sageox-mono/apps/web/src/styles/tokens.css:114
--ox-warn-500#f59e0b
sageox-mono/apps/web/src/styles/tokens.css:115
--ox-warn-600#d97706
sageox-mono/apps/web/src/styles/tokens.css:116
--ox-warn-700#b45309
sageox-mono/apps/web/src/styles/tokens.css:117
--ox-warn-800#92400e
sageox-mono/apps/web/src/styles/tokens.css:118
--ox-warn-900#78350f
sageox-mono/apps/web/src/styles/tokens.css:119
Danger Scale (Ox Red)
Token
Hex
Source
--ox-danger-50#fcecec
sageox-mono/apps/web/src/styles/tokens.css:122
--ox-danger-100#fee2e2
sageox-mono/apps/web/src/styles/tokens.css:123
--ox-danger-200#fecaca
sageox-mono/apps/web/src/styles/tokens.css:124
--ox-danger-300#e8a3a3
sageox-mono/apps/web/src/styles/tokens.css:125
--ox-danger-400#f87171
sageox-mono/apps/web/src/styles/tokens.css:126
--ox-danger-500#c44747
sageox-mono/apps/web/src/styles/tokens.css:127
--ox-danger-600#a83838
sageox-mono/apps/web/src/styles/tokens.css:128
--ox-danger-700#b91c1c
sageox-mono/apps/web/src/styles/tokens.css:129
--ox-danger-800#991b1b
sageox-mono/apps/web/src/styles/tokens.css:130
--ox-danger-900#7f1d1d
sageox-mono/apps/web/src/styles/tokens.css:131
Phase 2 Semantic Scales
Success Scale
Token
Hex
Source
--ox-success-50#e6f6ef
sageox-mono/apps/web/src/styles/tokens.css:293
--ox-success-100#c8ebdd
sageox-mono/apps/web/src/styles/tokens.css:294
--ox-success-200#a7dcc8
sageox-mono/apps/web/src/styles/tokens.css:295
--ox-success-300#82cbaf
sageox-mono/apps/web/src/styles/tokens.css:296
--ox-success-400#5fae86
sageox-mono/apps/web/src/styles/tokens.css:297
--ox-success-500#4f9e76
sageox-mono/apps/web/src/styles/tokens.css:298 (Main)
--ox-success-600#3e8b67
sageox-mono/apps/web/src/styles/tokens.css:299
--ox-success-700#2f7354
sageox-mono/apps/web/src/styles/tokens.css:300
--ox-success-800#225b41
sageox-mono/apps/web/src/styles/tokens.css:301
--ox-success-900#1a4632
sageox-mono/apps/web/src/styles/tokens.css:302
--ox-success-glowrgba(95, 174, 134, 0.40)
sageox-mono/apps/web/src/styles/tokens.css:303
--ox-success-stroke#3e8b67
sageox-mono/apps/web/src/styles/tokens.css:304
Warning Scale (Phase 2)
Token
Hex
Source
--ox-warning-50#fff7e8
sageox-mono/apps/web/src/styles/tokens.css:307
--ox-warning-100#ffeac7
sageox-mono/apps/web/src/styles/tokens.css:308
--ox-warning-200#fddca1
sageox-mono/apps/web/src/styles/tokens.css:309
--ox-warning-300#f1c275
sageox-mono/apps/web/src/styles/tokens.css:310
--ox-warning-400#d9963a
sageox-mono/apps/web/src/styles/tokens.css:311
--ox-warning-500#c8842f
sageox-mono/apps/web/src/styles/tokens.css:312 (Main)
--ox-warning-600#a06b25
sageox-mono/apps/web/src/styles/tokens.css:313
--ox-warning-700#82561e
sageox-mono/apps/web/src/styles/tokens.css:314
--ox-warning-800#6a4518
sageox-mono/apps/web/src/styles/tokens.css:315
--ox-warning-900#523512
sageox-mono/apps/web/src/styles/tokens.css:316
Error Scale (Phase 2)
Token
Hex
Source
--ox-error-50#ffecec
sageox-mono/apps/web/src/styles/tokens.css:321
--ox-error-100#ffd6d6
sageox-mono/apps/web/src/styles/tokens.css:322
--ox-error-200#f7b5b5
sageox-mono/apps/web/src/styles/tokens.css:323
--ox-error-300#e88d8d
sageox-mono/apps/web/src/styles/tokens.css:324
--ox-error-400#d46464
sageox-mono/apps/web/src/styles/tokens.css:325
--ox-error-500#c63838
sageox-mono/apps/web/src/styles/tokens.css:326 (Main)
--ox-error-600#a83838
sageox-mono/apps/web/src/styles/tokens.css:327
--ox-error-700#8c2626
sageox-mono/apps/web/src/styles/tokens.css:328
--ox-error-800#661d1d
sageox-mono/apps/web/src/styles/tokens.css:329
--ox-error-900#4a1515
sageox-mono/apps/web/src/styles/tokens.css:330
Progress Scale (Violet)
Token
Hex
Source
--ox-progress-50#f3f0ff
sageox-mono/apps/web/src/styles/tokens.css:335
--ox-progress-100#e6e0ff
sageox-mono/apps/web/src/styles/tokens.css:336
--ox-progress-200#cec8ff
sageox-mono/apps/web/src/styles/tokens.css:337
--ox-progress-300#b3afff
sageox-mono/apps/web/src/styles/tokens.css:338
--ox-progress-400#9a94f8
sageox-mono/apps/web/src/styles/tokens.css:339
--ox-progress-500#8b6cf2
sageox-mono/apps/web/src/styles/tokens.css:340 (Main)
--ox-progress-600#6c5ea0
sageox-mono/apps/web/src/styles/tokens.css:341
--ox-progress-700#5f47a7
sageox-mono/apps/web/src/styles/tokens.css:342
--ox-progress-800#432f70
sageox-mono/apps/web/src/styles/tokens.css:343
--ox-progress-900#2e214d
sageox-mono/apps/web/src/styles/tokens.css:344
Info Scale (Desaturated Blue)
Token
Hex
Source
--ox-info-50#eff4f8
sageox-mono/apps/web/src/styles/tokens.css:349
--ox-info-100#d3e2ee
sageox-mono/apps/web/src/styles/tokens.css:350
--ox-info-200#b9d0e4
sageox-mono/apps/web/src/styles/tokens.css:351
--ox-info-300#90b7d4
sageox-mono/apps/web/src/styles/tokens.css:352
--ox-info-400#6e95b4
sageox-mono/apps/web/src/styles/tokens.css:353
--ox-info-500#5b7e99
sageox-mono/apps/web/src/styles/tokens.css:354 (Main)
--ox-info-600#4a667d
sageox-mono/apps/web/src/styles/tokens.css:355
--ox-info-700#3b5164
sageox-mono/apps/web/src/styles/tokens.css:356
--ox-info-800#2a3947
sageox-mono/apps/web/src/styles/tokens.css:357
--ox-info-900#1b2a35
sageox-mono/apps/web/src/styles/tokens.css:358
Admin Scale (Magenta)
Token
Hex
Source
--ox-admin-50#fdf4ff
sageox-mono/apps/web/src/styles/tokens.css:390
--ox-admin-100#fae8ff
sageox-mono/apps/web/src/styles/tokens.css:391
--ox-admin-200#f5d0fe
sageox-mono/apps/web/src/styles/tokens.css:392
--ox-admin-300#f0abfc
sageox-mono/apps/web/src/styles/tokens.css:393
--ox-admin-400#e879f9
sageox-mono/apps/web/src/styles/tokens.css:394
--ox-admin-500#d946ef
sageox-mono/apps/web/src/styles/tokens.css:395 (Main)
--ox-admin-600#c026d3
sageox-mono/apps/web/src/styles/tokens.css:396
--ox-admin-700#a21caf
sageox-mono/apps/web/src/styles/tokens.css:397
--ox-admin-800#86198f
sageox-mono/apps/web/src/styles/tokens.css:398
--ox-admin-900#701a75
sageox-mono/apps/web/src/styles/tokens.css:399
Terminal Colors (Light Mode)
Token
Hex
Purpose
Source
--terminal-bg#eceef2
Background
sageox-mono/apps/web/src/styles/tokens.css:258
--terminal-header-bg#e4e7ee
Header
sageox-mono/apps/web/src/styles/tokens.css:259
--terminal-bg-emphasis#f8f9fb
Emphasis
sageox-mono/apps/web/src/styles/tokens.css:260
--terminal-border#c9ced8
Border
sageox-mono/apps/web/src/styles/tokens.css:263
--terminal-divider#d5dae3
Divider
sageox-mono/apps/web/src/styles/tokens.css:264
--terminal-text#111315
Text
sageox-mono/apps/web/src/styles/tokens.css:267
--terminal-comment#7b818c
Comment
sageox-mono/apps/web/src/styles/tokens.css:268
--terminal-subtle#3c4046
Subtle
sageox-mono/apps/web/src/styles/tokens.css:269
--terminal-prompt#2b7a4b
Prompt
sageox-mono/apps/web/src/styles/tokens.css:272
--terminal-green#2b7a4b
Green
sageox-mono/apps/web/src/styles/tokens.css:273
--terminal-accent#6e5cc4
Accent
sageox-mono/apps/web/src/styles/tokens.css:274
--terminal-blue#3568d4
Blue
sageox-mono/apps/web/src/styles/tokens.css:275
--terminal-cyan#3b8ea5
Cyan
sageox-mono/apps/web/src/styles/tokens.css:276
--terminal-yellow#b87439
Yellow
sageox-mono/apps/web/src/styles/tokens.css:277
--terminal-red#b04747
Red
sageox-mono/apps/web/src/styles/tokens.css:278
Terminal Colors (Dark Mode - Tokyo Night)
Token
Hex
Purpose
Source
--terminal-bg#1a1b26
Background
sageox-mono/apps/web/src/styles/tokens.css:923
--terminal-header-bg#16161e
Header
sageox-mono/apps/web/src/styles/tokens.css:924
--terminal-bg-emphasis#24283b
Emphasis
sageox-mono/apps/web/src/styles/tokens.css:925
--terminal-border#3b3d57
Border
sageox-mono/apps/web/src/styles/tokens.css:928
--terminal-text#c0caf5
Text
sageox-mono/apps/web/src/styles/tokens.css:932
--terminal-comment#7982a9
Comment
sageox-mono/apps/web/src/styles/tokens.css:933
--terminal-prompt#9ece6a
Prompt
sageox-mono/apps/web/src/styles/tokens.css:937
--terminal-green#9ece6a
Green
sageox-mono/apps/web/src/styles/tokens.css:938
--terminal-accent#bb9af7
Accent
sageox-mono/apps/web/src/styles/tokens.css:939
--terminal-blue#7aa2f7
Blue
sageox-mono/apps/web/src/styles/tokens.css:940
--terminal-cyan#7dcfff
Cyan
sageox-mono/apps/web/src/styles/tokens.css:941
--terminal-yellow#e0af68
Yellow
sageox-mono/apps/web/src/styles/tokens.css:942
--terminal-red#f7768e
Red
sageox-mono/apps/web/src/styles/tokens.css:943
ox-cli Terminal Colors
Adaptive Colors (lipgloss)
Name
Light Hex
Dark Hex
Source
ColorPrimary
#4F6A48
#7A8F78
ox-cli/internal/cli/styles.go:8-20
ColorSecondary
#B87D3A
#E0A56A
ox-cli/internal/cli/styles.go:22-28
ColorAccent
#3D5437
#8FA888
ox-cli/internal/cli/styles.go:30-36
ColorSuccess
#4F6A48
#7A8F78
ox-cli/internal/cli/styles.go:38-44
ColorWarning
#B87D3A
#E0A56A
ox-cli/internal/cli/styles.go:46-52
ColorError
#A03030
#E07070
ox-cli/internal/cli/styles.go:54-60
ColorInfo
#5580A0
#7FA7C8
ox-cli/internal/cli/styles.go:62-68
ColorDim
#6B7580
#8F99A3
ox-cli/internal/cli/styles.go:70-76
Dark-Only Hex Constants
Name
Hex
Purpose
Source
HexPrimary
#7A8F78
Sage green
ox-cli/internal/ui/styles.go:18
HexAccent
#7FA7C8
Info blue
ox-cli/internal/ui/styles.go:19
HexPass
#7A8F78
Success
ox-cli/internal/ui/styles.go:20
HexWarn
#E0A56A
Warnings
ox-cli/internal/ui/styles.go:21
HexFail
#C44747
Errors
ox-cli/internal/ui/styles.go:22
HexMuted
#6F767C
Recessive
ox-cli/internal/ui/styles.go:23
HexText
#E6E8E6
Primary text
ox-cli/internal/ui/styles.go:24
HexTextDim
#7E8784
Secondary text
ox-cli/internal/ui/styles.go:25
HexBgDark
#1A1A1A
Dark bg
ox-cli/internal/ui/styles.go:26
HexBgCode
#2A2A2A
Code bg
ox-cli/internal/ui/styles.go:27
ANSI 256 Color Codes
Name
ANSI Code
Purpose
Source
successStyle
82
Green
ox-cli/internal/cli/output.go:15
preservedStyle
39
Cyan
ox-cli/internal/cli/output.go:16
errorStyle
196
Red
ox-cli/internal/cli/output.go:17
warningStyle
214
Yellow/Orange
ox-cli/internal/cli/output.go:18
infoStyle
39
Cyan
ox-cli/internal/cli/output.go:19
hintStyle
241
Dark Gray
ox-cli/internal/cli/output.go:20
codeStyle
213
Magenta
ox-cli/internal/cli/output.go:21
Legacy/Deprecated Colors
These tokens exist for backward compatibility. Migration path documented in source.
Old Token
Maps To
Source
--brand-primary#2b82ff
sageox-mono/apps/web/src/styles/tokens.css:192
--brand-secondary#20244d
sageox-mono/apps/web/src/styles/tokens.css:209
--ox-primary-*--ox-sage-*sageox-mono/apps/web/src/styles/tokens.css:73-83
--ox-slate-*--ox-charcoal-*sageox-mono/apps/web/src/styles/tokens.css:85-95
--ox-accent-*--ox-sage-*sageox-mono/apps/web/src/styles/tokens.css:97-107
Duplicate Value Analysis
The following hex values appear under multiple token names:
Hex
Tokens
#7A8F78
--ox-sage-500, HexPrimary, HexPass, ColorPrimary (dark)
#E0A56A
--ox-copper-400, HexWarn, ColorSecondary (dark), ColorWarning (dark)
#C44747
--ox-danger-500, HexFail
#7FA7C8
HexAccent, ColorInfo (dark), --info (light mode)
#6F767C
--ox-charcoal-500, HexMuted
#8F99A3
--ox-charcoal-400, ColorDim (dark)
#111518
--ox-charcoal-900, --ox-text (light mode)
Notes
Two Theme Systems in tokens.ts : The TypeScript file defines a "Stormy Morning" palette (storm, ocean, sky) that appears to be an older/alternate system. The CSS tokens.css uses the Sage-Copper-Charcoal system.
CLI uses lighter variants : ox-cli uses lighter hex values for dark terminals (e.g., #E07070 for errors vs #C44747 in web).
Phase 2 semantic scales : Newer semantic color scales (success, warning, error, progress, info) have full 50-900 ranges with glow and stroke variants.
ANSI fallbacks : ox-cli maintains ANSI 256 color codes for terminal compatibility alongside hex values.