Color | Local Companion

HEX is the canonical screen reference. Formal identity colors belong to approved brand applications; interface cues communicate actions and states with words, icons, outlines, or attributes as well as color.

Formal identity colors

A color used in artwork is not automatically a warning or action cue.

Color	HEX	Source	Use
Companion indigo	`#8B9CFF`	`brand.accent.bright`	Primary mark and identity accent
Graphite mark ink	`#F4F6FB`	`brand.logo.role_colors.color.ink`	Full mark and wordmark on dark surfaces

Approved combinations and artwork

Application	Formal colors	Artwork	Use
Local Companion orbit	Companion indigo, Graphite mark ink	`logo.full`	Split orbit and centered core on graphite

Correct: use Companion indigo (#8B9CFF) in its approved identity application; pair the warning cue (#F2BD68) with warning text and icon. Misuse: a lone identity swatch as the only warning signal.

Interface cues on dark surfaces

A shared HEX value does not merge identity and interface roles. State meaning also requires the listed non-color cue.

Cue	HEX	Meaning	Measured pairing	Non-color cue
Action	`#4B5CC0`	Primary interactive action	#FFFFFF foreground, 5.85:1; 3.37:1 against #090B10	A descriptive button or link label
Warning	`#F2BD68`	Attention or recoverable risk	#000000 foreground, 12.25:1; 11.49:1 against #090B10	Warning text and icon
Error	`#FF7B91`	Failure or destructive action	#000000 foreground, 8.49:1; 7.96:1 against #090B10	Error text and icon
Success	`#63D6AD`	Completed operation	#000000 foreground, 11.75:1; 11.01:1 against #090B10	Success text and icon
Information	`#70B8FF`	Neutral information or help	#000000 foreground, 9.99:1; 9.36:1 against #090B10	Information label and icon
Focus	`#8B9CFF`	Keyboard focus ring	#000000 foreground, 8.30:1; 7.78:1 against #090B10	Visible outline and keyboard focus order
Selection	`#8B9CFF`	Selected control or item	#000000 foreground, 8.30:1; 7.78:1 against #090B10	Selected label or checked state
Disabled	`#A8B5FF`	Unavailable control	#000000 foreground, 10.72:1; 10.05:1 against #090B10	Disabled attribute and text

Interface cues on light surfaces

A shared HEX value does not merge identity and interface roles. State meaning also requires the listed non-color cue.

Cue	HEX	Meaning	Measured pairing	Non-color cue
Action	`#4B5CC0`	Primary interactive action	#FFFFFF foreground, 5.85:1; 5.51:1 against #F7F8FC	A descriptive button or link label
Warning	`#8A5600`	Attention or recoverable risk	#FFFFFF foreground, 6.15:1; 5.80:1 against #F7F8FC	Warning text and icon
Error	`#B32D4A`	Failure or destructive action	#FFFFFF foreground, 6.19:1; 5.83:1 against #F7F8FC	Error text and icon
Success	`#08704A`	Completed operation	#FFFFFF foreground, 6.13:1; 5.77:1 against #F7F8FC	Success text and icon
Information	`#1B5EAB`	Neutral information or help	#FFFFFF foreground, 6.49:1; 6.12:1 against #F7F8FC	Information label and icon
Focus	`#4B5CC0`	Keyboard focus ring	#FFFFFF foreground, 5.85:1; 5.51:1 against #F7F8FC	Visible outline and keyboard focus order
Selection	`#4B5CC0`	Selected control or item	#FFFFFF foreground, 5.85:1; 5.51:1 against #F7F8FC	Selected label or checked state
Disabled	`#A8B5FF`	Unavailable control	#000000 foreground, 10.72:1; 1.85:1 against #F7F8FC	Disabled attribute and text

Dark palette

Backgroundbackground#090B10

See more color values

RGB: rgb(9 11 16)
HSL: hsl(222.9 28.0% 4.9%)
OKLCH: oklch(0.1498 0.0113 267.7)
Lab D50: lab(3.00% 0.08 -2.50)

CMYK: output profile required

ForegroundforegroundAlso: card-foreground, popover-foreground, secondary-foreground, accent-foreground, sidebar-foreground, sidebar-accent-foreground, brand-cta-foreground, brand-cta-outline-foreground#FFFFFF

See more color values

RGB: rgb(255 255 255)
HSL: hsl(0.0 0.0% 100.0%)
OKLCH: oklch(1.0000 0.0000 0.0)
Lab D50: lab(100.00% 0.00 0.00)

CMYK: output profile required

CardcardAlso: popover, sidebar#11151D

See more color values

RGB: rgb(17 21 29)
HSL: hsl(220.0 26.1% 9.0%)
OKLCH: oklch(0.1954 0.0174 264.0)
Lab D50: lab(6.66% -0.06 -6.23)

CMYK: output profile required

PrimaryprimaryAlso: ring, sidebar-primary, sidebar-ring#8B9CFF

See more color values

RGB: rgb(139 156 255)
HSL: hsl(231.2 100.0% 77.3%)
OKLCH: oklch(0.7217 0.1449 274.8)
Lab D50: lab(66.24% 13.26 -51.94)

CMYK: output profile required

Primary Foregroundprimary-foregroundAlso: sidebar-primary-foreground#000000

See more color values

RGB: rgb(0 0 0)
HSL: hsl(0.0 0.0% 0.0%)
OKLCH: oklch(0.0000 0.0000 0.0)
Lab D50: lab(0.00% 0.00 0.00)

CMYK: output profile required

SecondarysecondaryAlso: muted#1D2230

See more color values

RGB: rgb(29 34 48)
HSL: hsl(224.2 24.7% 15.1%)
OKLCH: oklch(0.2536 0.0276 269.2)
Lab D50: lab(13.23% 0.88 -10.10)

CMYK: output profile required

Muted Foregroundmuted-foreground#9A9A9A

See more color values

RGB: rgb(154 154 154)
HSL: hsl(0.0 0.0% 60.4%)
OKLCH: oklch(0.6862 0.0000 0.0)
Lab D50: lab(63.60% 0.00 0.00)

CMYK: output profile required

AccentaccentAlso: sidebar-accent#272E40

See more color values

RGB: rgb(39 46 64)
HSL: hsl(223.2 24.3% 20.2%)
OKLCH: oklch(0.3028 0.0342 267.9)
Lab D50: lab(18.89% 0.89 -12.50)

CMYK: output profile required

Destructivedestructive#FF7B91

See more color values

RGB: rgb(255 123 145)
HSL: hsl(350.0 100.0% 74.1%)
OKLCH: oklch(0.7412 0.1613 11.4)
Lab D50: lab(68.14% 52.69 13.42)

CMYK: output profile required

BorderborderAlso: input, sidebar-border#262626

See more color values

RGB: rgb(38 38 38)
HSL: hsl(0.0 0.0% 14.9%)
OKLCH: oklch(0.2686 0.0000 0.0)
Lab D50: lab(15.16% -0.00 0.00)

CMYK: output profile required

Chart 1chart-1#7F8FF1

See more color values

RGB: rgb(127 143 241)
HSL: hsl(231.6 80.3% 72.2%)
OKLCH: oklch(0.6806 0.1452 274.9)
Lab D50: lab(61.43% 13.90 -51.94)

CMYK: output profile required

Chart 2chart-2#00A8D1

See more color values

RGB: rgb(0 168 209)
HSL: hsl(191.8 100.0% 41.0%)
OKLCH: oklch(0.6792 0.1269 223.4)
Lab D50: lab(63.29% -26.37 -31.78)

CMYK: output profile required

Chart 3chart-3#C379C3

See more color values

RGB: rgb(195 121 195)
HSL: hsl(300.0 38.1% 62.0%)
OKLCH: oklch(0.6798 0.1335 326.9)
Lab D50: lab(60.92% 38.11 -26.54)

CMYK: output profile required

Chart 4chart-4#01B28D

See more color values

RGB: rgb(1 178 141)
HSL: hsl(167.5 98.9% 35.1%)
OKLCH: oklch(0.6797 0.1331 170.9)
Lab D50: lab(64.59% -46.70 7.66)

CMYK: output profile required

Chart 5chart-5#DE7377

See more color values

RGB: rgb(222 115 119)
HSL: hsl(357.8 61.8% 66.1%)
OKLCH: oklch(0.6790 0.1335 18.9)
Lab D50: lab(61.36% 42.82 17.97)

CMYK: output profile required

Brand Accent Deepbrand-accent-deep#7184EB

See more color values

RGB: rgb(113 132 235)
HSL: hsl(230.7 75.3% 68.2%)
OKLCH: oklch(0.6463 0.1546 273.5)
Lab D50: lab(57.32% 14.96 -55.21)

CMYK: output profile required

Brand Emphasisbrand-emphasis#F2BD68

See more color values

RGB: rgb(242 189 104)
HSL: hsl(37.0 84.1% 67.8%)
OKLCH: oklch(0.8292 0.1196 77.7)
Lab D50: lab(80.22% 12.82 49.99)

CMYK: output profile required

Brand Ctabrand-cta#4B5CC0

See more color values

RGB: rgb(75 92 192)
HSL: hsl(231.3 48.1% 52.4%)
OKLCH: oklch(0.5153 0.1567 272.5)
Lab D50: lab(41.90% 17.74 -55.68)

CMYK: output profile required

Brand Successbrand-success#63D6AD

See more color values

RGB: rgb(99 214 173)
HSL: hsl(158.6 58.4% 61.4%)
OKLCH: oklch(0.7980 0.1213 167.3)
Lab D50: lab(78.18% -41.57 9.93)

CMYK: output profile required

Brand Informationbrand-information#70B8FF

See more color values

RGB: rgb(112 184 255)
HSL: hsl(209.8 100.0% 72.0%)
OKLCH: oklch(0.7642 0.1257 249.5)
Lab D50: lab(72.25% -8.00 -42.69)

CMYK: output profile required

Light palette

Backgroundbackground#F7F8FC

See more color values

RGB: rgb(247 248 252)
HSL: hsl(228.0 45.5% 97.8%)
OKLCH: oklch(0.9795 0.0054 275.0)
Lab D50: lab(97.59% 0.19 -2.05)

CMYK: output profile required

ForegroundforegroundAlso: card-foreground, popover-foreground, secondary-foreground, accent-foreground, sidebar-foreground, sidebar-accent-foreground#11151D

See more color values

RGB: rgb(17 21 29)
HSL: hsl(220.0 26.1% 9.0%)
OKLCH: oklch(0.1954 0.0174 264.0)
Lab D50: lab(6.66% -0.06 -6.23)

CMYK: output profile required

CardcardAlso: popover, primary-foreground, sidebar, sidebar-primary-foreground, brand-cta-foreground#FFFFFF

See more color values

RGB: rgb(255 255 255)
HSL: hsl(0.0 0.0% 100.0%)
OKLCH: oklch(1.0000 0.0000 0.0)
Lab D50: lab(100.00% 0.00 0.00)

CMYK: output profile required

PrimaryprimaryAlso: ring, chart-1, sidebar-primary, sidebar-ring, brand-cta, brand-cta-outline-foreground#4B5CC0

See more color values

RGB: rgb(75 92 192)
HSL: hsl(231.3 48.1% 52.4%)
OKLCH: oklch(0.5153 0.1567 272.5)
Lab D50: lab(41.90% 17.74 -55.68)

CMYK: output profile required

Secondarysecondary#EDF0F8

See more color values

RGB: rgb(237 240 248)
HSL: hsl(223.6 44.0% 95.1%)
OKLCH: oklch(0.9552 0.0112 269.5)
Lab D50: lab(94.74% 0.05 -4.24)

CMYK: output profile required

MutedmutedAlso: accent, sidebar-accent#E1E6F5

See more color values

RGB: rgb(225 230 245)
HSL: hsl(225.0 50.0% 92.2%)
OKLCH: oklch(0.9256 0.0210 271.2)
Lab D50: lab(91.24% 0.37 -7.92)

CMYK: output profile required

Muted Foregroundmuted-foreground#4D5670

See more color values

RGB: rgb(77 86 112)
HSL: hsl(224.6 18.5% 37.1%)
OKLCH: oklch(0.4558 0.0441 269.8)
Lab D50: lab(36.56% 1.39 -16.21)

CMYK: output profile required

Destructivedestructive#B32D4A

See more color values

RGB: rgb(179 45 74)
HSL: hsl(347.0 59.8% 43.9%)
OKLCH: oklch(0.5142 0.1697 13.4)
Lab D50: lab(41.73% 55.05 17.12)

CMYK: output profile required

BorderborderAlso: input, sidebar-border#7F8288

See more color values

RGB: rgb(127 130 136)
HSL: hsl(220.0 3.6% 51.6%)
OKLCH: oklch(0.6060 0.0097 264.5)
Lab D50: lab(54.26% -0.23 -3.66)

CMYK: output profile required

Chart 2chart-2#00738D

See more color values

RGB: rgb(0 115 141)
HSL: hsl(191.1 100.0% 27.6%)
OKLCH: oklch(0.5143 0.0942 220.8)
Lab D50: lab(44.10% -20.93 -22.49)

CMYK: output profile required

Chart 3chart-3#8F4595

See more color values

RGB: rgb(143 69 149)
HSL: hsl(295.5 36.7% 42.7%)
OKLCH: oklch(0.5150 0.1449 324.5)
Lab D50: lab(41.53% 40.76 -30.35)

CMYK: output profile required

Chart 4chart-4#007A5D

See more color values

RGB: rgb(0 122 93)
HSL: hsl(165.7 100.0% 23.9%)
OKLCH: oklch(0.5150 0.1032 168.9)
Lab D50: lab(45.10% -36.05 7.35)

CMYK: output profile required

Chart 5chart-5#AA3C4A

See more color values

RGB: rgb(170 60 74)
HSL: hsl(352.4 47.8% 45.1%)
OKLCH: oklch(0.5149 0.1440 16.3)
Lab D50: lab(42.15% 46.54 17.30)

CMYK: output profile required

Brand Accent Deepbrand-accent-deep#7184EB

See more color values

RGB: rgb(113 132 235)
HSL: hsl(230.7 75.3% 68.2%)
OKLCH: oklch(0.6463 0.1546 273.5)
Lab D50: lab(57.32% 14.96 -55.21)

CMYK: output profile required

Brand Emphasisbrand-emphasis#8A5600

See more color values

RGB: rgb(138 86 0)
HSL: hsl(37.4 100.0% 27.1%)
OKLCH: oklch(0.4999 0.1085 69.6)
Lab D50: lab(41.73% 18.06 49.95)

CMYK: output profile required

Brand Successbrand-success#08704A

See more color values

RGB: rgb(8 112 74)
HSL: hsl(158.1 86.7% 23.5%)
OKLCH: oklch(0.4824 0.1054 160.8)
Lab D50: lab(41.35% -35.43 13.29)

CMYK: output profile required

Brand Informationbrand-information#1B5EAB

See more color values

RGB: rgb(27 94 171)
HSL: hsl(212.1 72.7% 38.8%)
OKLCH: oklch(0.4839 0.1395 255.0)
Lab D50: lab(39.13% 1.99 -47.98)

CMYK: output profile required

Formal identity colors

Approved combinations and artwork

Interface cues on dark surfaces

Interface cues on light surfaces

Dark palette

Light palette

On this page