Skip to content
UIFoundry

Cybersecurity palettes

Cybersecurity & DevSecOps Crimson & Obsidian Dark Mode Palette

Deep obsidian backdrops, critical alert crimson, terminal amber warning accents, and low-fatigue dark mode surfaces.

Data reviewed October 24, 2026

Security analysts monitor high-density telemetry across multiple displays for hours. The Cybersecurity Crimson palette provides deep contrast separation between benign log events and critical vulnerability alerts without blinding users in low-light SOC control rooms.

Cybersecurity Dark Mode Palette Color Tokens & Accessibility Specs
Role Token Name Hex Value Contrast on Black Tailwind Mapping
Critical AlertRose 500#f43f5e4.8:1 (AA)text-rose-500
Medium SeverityAmber 400#fbbf2410.4:1 (AAA)text-amber-400
Healthy TelemetryEmerald 400#34d39910.2:1 (AAA)text-emerald-400
Console ForefrontSlate 100#f1f5f915.2:1 (AAA)text-slate-100
Card SurfaceSlate 900#0f172a1.3:1 (Surface)bg-slate-900
Obsidian BaseSlate 950#0206171.0:1 (Base)bg-slate-950

Severity Tiering Strategy in Dark Mode

Never use bright glowing neon red for all security alerts. Reserve Rose 500 strictly for P0 critical breaches and zero-day exploits. Use Amber 400 for misconfigurations and Slate 400 for standard audit logs.

Terminal & Code Block Token Mapping

Map terminal syntax tokens with high-contrast pastel accents: green for commands, amber for parameters, and muted slate for system timestamps.

Frequently asked questions

Why is true pitch black (#000000) discouraged for dark mode cards?
Pure black surfaces make elevation layering impossible. Using Slate 950 for the canvas and Slate 900 for cards creates subtle visual depth without harsh borders.
How does dark mode impact pupil dilation and focus?
In dark environments, light text on dark surfaces reduces overall photon emissions, preventing eye strain when monitoring alert feeds.

Sources

More in Website palettes