Design tokens · Colors

A faceted spectrum: blue-forward, green-rich, red-accented.

Drawn from the official ITK logo. Seven brand hues plus a neutral slate scale. Deep blue leads; greens expand; red stays sharp and rare.

Brand palette

Primary
ITK Blue
HEX#007BA6
RGB0 · 123 · 166
Secondary
ITK Cyan
HEX#00A5CD
RGB0 · 165 · 205
Secondary
ITK Aqua
HEX#00B5C9
RGB0 · 181 · 201
Secondary
ITK Mint
HEX#73BC99
RGB115 · 188 · 153
Secondary
ITK Green
HEX#008D3D
RGB0 · 141 · 61
Secondary
ITK Lime
HEX#89BD23
RGB137 · 189 · 35
Accent
ITK Red
HEX#E44930
RGB228 · 73 · 48
Paper
Paper
HEX#FFFFFF
RGB255 · 255 · 255

Neutral scale

Paper
#FFFFFF
Slate 50
#F7F8FA
Slate 100
#EEF1F5
Slate 200
#DFE3EA
Slate 300
#C7CCD4
Slate 500
#6B7484
Slate 700
#3F4654
Ink
#111318

Usage

Do — lead with blue
  • Primary CTAs, links, headers
  • Data viz primary, hover states
  • Body text on paper
Do — use greens structurally
  • Status “active”, success
  • Tag backgrounds, surfaces
  • Highlight on dark backgrounds
Avoid
  • Red as a fill for large areas
  • Colors outside the palette
  • Decorative gradients