Color Palette

Available colors for nodes, edges, and groups.

Named Colors

TDL supports these named colors:

Name	Hex	Preview	Common Use
red	#EF4444	🔴	Errors, critical, warnings
orange	#F97316	🟠	Staging, caution
yellow	#EAB308	🟡	Warnings, attention
green	#22C55E	🟢	Success, production, healthy
blue	#3B82F6	🔵	Primary, info, default
purple	#A855F7	🟣	Async, special
pink	#EC4899	💗	Accent
gray	#6B7280	⚫	Disabled, deprecated

Custom Hex Colors

Use any hex color:

[nodes]
  brand:Brand Service|color:#FF5733
  custom:Custom|color:#1E40AF
  accent:Accent|color:#7C3AED

Usage

Node Colors

[nodes]
  api:API|color:blue
  db:Database|cyl|color:green
  error:Error Handler|color:red
  deprecated:Old Service|color:gray

Edge Colors

[edges]
  a->b|color:blue
  c->d|color:red
  e-->f|color:purple

Group Colors

[nodes]
  [Production|color:green]
    prod_api:API
    prod_db:DB|cyl

  [Staging|color:orange]
    stage_api:API
    stage_db:DB|cyl

Color by Meaning

Environment

Environment	Suggested Color
Production	green
Staging	orange
Development	blue
Deprecated	gray

Status

Status	Suggested Color
Healthy	green
Warning	yellow
Error	red
Unknown	gray

Communication Type

Type	Suggested Color
HTTP/REST	blue
gRPC	green
Async/Events	purple
WebSocket	orange

Cloud Provider

Provider	Brand Color
AWS	#FF9900
Azure	#0078D4
GCP	#4285F4

Example

@arch

[nodes]
  [Production|color:green]
    api:API|color:blue
    db:Database|cyl|color:green
    cache:Cache|cyl|color:purple

  [Staging|color:orange]
    stage_api:API|color:orange

[edges]
  api->db:query|color:green
  api->cache:lookup|color:purple
  api..stage_api:compare|color:gray

Rendered diagram