§ 004 · Color System

Color as environment, not decoration.

Four-tier palette system. Foundation tokens, Archival accents, Instrument data colors, Signal campaign hues. Each tier has a distinct purpose and a distinct context.

§ 004.01 · Archive Palette
Archive Mode

Scientific field journal. Warm, editorial.

The primary palette for all marketing, editorial, and publications. Warm parchment backgrounds, near-black text, gold catalog labels, and Brand Green as the single primary action color.

Archive in use
§ 001 · FIELD OBSERVATION
See Everything.

Your sensors are logging data. CropVision tells you what it means.

Learn More →
Warm Parchment
#F3F0ED
Page background
Copy hex
Surface White
#FFFFFF
Cards, modals
Copy hex
Bright Grey
#E9E8EE
Alt background, borders
Copy hex
Warm Taupe
#BFB9AD
Primary borders
Copy hex
Charleston
#2B2C2E
Primary text
Copy hex
Dark Charcoal
#494A52
Secondary text
Copy hex
Manatee
#9799A6
Muted text, placeholders
Copy hex
Brand Green
#4DB405
CTA, active states
Copy hex
Gold
#9A8860
Catalog labels, § refs
Copy hex
Terracotta
#C4654A
Error, "before" states
Copy hex
Sage
#A0AF9A
Natural accent, tags
Copy hex
Sky Blue
#B1D7E4
Hydroponics, info
Copy hex
PARCHMENT
#F3F0ED
CHARLESTON
#2B2C2E
BRAND GREEN
#4DB405
GOLD
#9A8860

Archive mode — four primary tones. Proportions reflect typical usage.

§ 004.02 · Instrument Palette
Deep Soil
#0D1A0D
Primary background
Copy hex
Surface Dark
#141210
Card backgrounds
Copy hex
Phosphor Green
#52E619
Data readouts, CTAs
Copy hex
Nitrogen
#C4D9C8
Primary text (dark bg)
Copy hex
Signal Amber
#E8A020
Warning states
Copy hex
Phosphor Blue
#4DA6E8
Hydroponics, info
Copy hex
Signal Red
#E83030
Alert states, critical
Copy hex
Brand Green
#4DB405
Foundation accent
Copy hex
Instrument Mode

Data has a color. It's phosphor green.

Instrument palette powers every data interface, dashboard, and OS-layer product. Warm deep greens, phosphor green primary data color, amber warnings, blue info. Designed for readability in low-light facility environments.

STATUS INDICATORS
Normal All systems operational
Warning CO₂ above setpoint
Alert Temperature excursion
Info Irrigation cycle active
DEEP SOIL
#0D1A0D
PHOSPHOR
#52E619
AMBER
#E8A020
ALERT
#E83030

Instrument mode — proportions by usage frequency in OS interfaces.

§ 004.03 · Signal Palette
Signal Mode

High contrast. Campaign energy. Stop the room.

Signal palette for events, trade shows, and campaign hero moments. Electric lime on carbon black. Maximum contrast. Used when the brand needs to cut through noise. Intentionally scarce.

20% energy.
Every cycle.
PREDICTIVE CONTROL COMPOUNDS.
Carbon
#1C1C1A
Primary background
Copy hex
Deep Carbon
#0F0F0D
Card surfaces
Copy hex
Electric Lime
#C7E55A
Primary accent, CTAs
Copy hex
Flash White
#F5F5F0
Headlines, body text
Copy hex
Brand Green
#4DB405
Secondary action
Copy hex
Gold
#9A8860
Catalog ref (shared)
Copy hex
Bright Grey
#E9E8EE
Body text, subtitles
Copy hex
Phosphor
#52E619
Data accent in Signal
Copy hex
CARBON
#1C1C1A
ELECTRIC LIME
#C7E55A
FLASH WHITE
#F5F5F0

Signal mode — three primary tones. Lime used sparingly for maximum impact.

§ 004.04 · Contrast Reference

WCAG accessibility reference.

AA = 4.5:1 normal text · 3:1 large text · AAA = 7:1

TextBackgroundRatioLevelNotes
#1A1A1A
#F3F0ED
17.0:1 AAA Body text on parchment
#2B2C2E
#F3F0ED
12.3:1 AAA Charleston on parchment
#1A1A1A
#FFFFFF
21.0:1 AAA Near-black on white
#1A1A1A
#4DB405
6.5:1 AA Dark text ON green — use this
#FFFFFF
#4DB405
2.7:1 FAIL White on green FAIL — avoid for small text
#52E619
#0D1A0D
9.1:1 AAA Phosphor on deep soil
#C4D9C8
#0D1A0D
9.8:1 AAA Nitrogen text on deep soil
#F5F5F0
#1C1C1A
17.2:1 AAA Flash white on carbon
#1C1C1A
#C7E55A
8.1:1 AAA Carbon on electric lime
#9A8860
#F3F0ED
3.1:1 AA Gold — decorative labels only
§ 004.05 · CSS Tokens

Copy/paste token system.

:root {
  /* Foundation */
  --green:        #4DB405;  /* Brand Green — primary CTA */
  --charleston:   #2B2C2E;  /* Near-black text */
  --parchment:    #F3F0ED;  /* Warm page bg */

  /* Archive palette */
  --bg:           #F3F0ED;
  --bg-alt:       #E9E8EE;
  --surface:      #FFFFFF;
  --gold:         #9A8860;  /* Catalog labels */
  --terracotta:   #C4654A;  /* Error states */
  --sage:         #A0AF9A;  /* Natural accent */

  /* Instrument palette */
  --deep-soil:         #0D1A0D;
  --instrument-green:  #52E619;  /* Phosphor — data readouts */
  --signal-amber:      #E8A020;  /* Warnings */
  --signal-red:        #E83030;  /* Alerts */
  --nitrogen:          #C4D9C8;  /* Dark-bg text */

  /* Signal palette */
  --electric-lime:     #C7E55A;
  --carbon:            #1C1C1A;
  --flash-white:       #F5F5F0;
}