Color Schemes
Canonical docs now live at videoml.org/docs/stdlib.
Each scheme is a Radix-inspired palette with gentle contrast. Avoid pure black/white; backgrounds stay inward of the scale and text avoids full-white.
Scheme Catalog
Cool Light
Indigo base with magenta-blue accents for clean broadcast layouts.
Background
#f5f7ff
Surface
#e9edff
Surface+
#dfe4ff
Text
#1f2d5c
Text Muted
#4f5d88
Primary
#d948b8
Secondary
#4d6bff
Muted
#8a97c0
More Muted
#b5bee0
Cool Dark
Indigo + magenta accents for studio control rooms and tech explainers.
Background
#0b0f1f
Surface
#151b32
Surface+
#1e2645
Text
#eef1ff
Text Muted
#c8cff6
Primary
#ff5ec4
Secondary
#6a7dff
Muted
#9aa6d6
More Muted
#7d86b5
Warm Light
Warm base with pink-blue accents for promos and human stories.
Background
#fff5ee
Surface
#ffe9db
Surface+
#f9dcc6
Text
#5a2f13
Text Muted
#84533b
Primary
#d948b8
Secondary
#5177ff
Muted
#c6a18c
More Muted
#e1c7b8
Warm Dark
Warm neutrals with pink-blue accents for cinematic stories.
Background
#1b1207
Surface
#24180b
Surface+
#2f210f
Text
#ffe7c4
Text Muted
#f2c89a
Primary
#ff5ec4
Secondary
#5b8cff
Muted
#b59473
More Muted
#947a5f
Neutral Light
Clean slate palette for general-purpose layouts.
Background
#f4f3f1
Surface
#e9e7e4
Surface+
#dedbd7
Text
#2a2623
Text Muted
#5a534d
Primary
#d948b8
Secondary
#556eff
Muted
#9b948d
More Muted
#c9c3bd
Neutral Dark
Balanced charcoal palette that keeps contrast gentle.
Background
#0f0f0e
Surface
#171615
Surface+
#211f1e
Text
#f5f5f4
Text Muted
#c7c2bc
Primary
#ff5ec4
Secondary
#5f7bff
Muted
#9b948d
More Muted
#7c756f
Tokens per scheme
--color-bg,--color-bg-subtle--color-surface,--color-surface-strong--color-text,--color-text-muted--color-primary,--color-secondary--color-muted,--color-muted-more--color-border(use sparingly; prefer surface contrast)
Usage notes
- Prefer background contrast over borders.
- Use the same layout with different schemes to create brand variations.
- Match with typography: Cool ↔ Broadcast/Tech, Neutral ↔ Data Viz, Warm ↔ Promo.