MV.tech | Brand Kit v2 | 10_Color_and_Design_Tokens

Colour system

11 tokens · 4 gradients
sRGB hex · CMYK approximate (printer to confirm) · WCAG 2.1 contrast

Palettename · token · HEX · RGB · CMYK~ · role

Inkink

HEX#05060B

RGB5 6 11

CMYK55 45 0 96

Primary dark background

Navynavy

HEX#071118

RGB7 17 24

CMYK71 29 0 91

Text; the mark on light backgrounds

Signal Tealteal

HEX#10F5D0

RGB16 245 208

CMYK93 0 15 4

Primary accent, dot, highlights on dark

System Cyancyan

HEX#00BFCB

RGB0 191 203

CMYK100 6 0 20

Gradient support; accent separators on light

Deep Tealdeep-teal

HEX#087D9B

RGB8 125 155

CMYK95 19 0 39

Gradient start (dark end of teal ramp)

Teal Inkteal-ink

HEX#007E7B

RGB0 126 123

CMYK100 0 2 51

ONLY teal allowed for text/links on white (4.9:1 AA)

Silversilver

HEX#F4F6F8

RGB244 246 248

CMYK2 1 0 3

Light mark, light surfaces

Slateslate

HEX#8DA0B5

RGB141 160 181

CMYK22 12 0 29

Secondary text on dark (7.6:1) - NOT for text on white (2.7:1)

Graphitegraphite

HEX#405466

RGB64 84 102

CMYK37 18 0 60

Secondary text on light (7.8:1)

Mistmist

HEX#718394

RGB113 131 148

CMYK24 11 0 42

Tertiary/caption text on light (3.9:1, large only)

Whitewhite

HEX#FFFFFF

RGB255 255 255

CMYK0 0 0 0

Paper

Semantic rolesmvtech-colors.css

Light UIbg Whitesurface Silvertext Navymuted Graphitelink Teal Inkaccent System Cyan

Dark UIbg Inksurface Navytext Whitemuted Slatelink Signal Tealaccent Signal Teal

--color-bg, --color-surface, --color-text, --color-text-muted, --color-link, --color-accent, --color-accent-soft

Gradientsthe four fills of the monogram master

Teal ramp--gradient-teal-ramp

#087D9B 0% › #00C9C8 55% › #18F2CF 100%
Right arm of the V · 45deg in UI, 29deg in the mark

Silver ramp--gradient-silver-ramp

#FFFFFF 0% › #F9FAFB 35% › #F5F7F8 60% › #AAB4BC 100%
Monogram body: N + left arm of the V · 180deg in UI, 120deg in the mark

Facet--gradient-facet

#1D252A 0% › #3E464B 12.5% › #82898E 37.5% › #C3C7CA 62.4% › #D9DBDD 72.4% › #F0F1F2 87.3% › #FAFAFB 100%
Lit face of the fold on the N's left leg · 225deg in the mark and in UI

Fold--gradient-fold

#0A1015 0% › #384044 100%
Dark triangle at the foot of the leg · 199deg in the mark and in UI

Text contrast & usageratio against White and against Ink · AA 4.5+, AAA 7+, large text 3+

Colour	On White #FFFFFF	On Ink #05060B	Brand rule
Navy	Aa19.05:1AAA	Aa1.06:1Fail	Body text on white
Graphite	Aa7.84:1AAA	Aa2.58:1Fail	Secondary text on white
Mist	Aa3.91:1Large only	Aa5.18:1AA	Large text only on white
Teal Ink	Aa4.92:1AA	Aa4.12:1Large only	Links / teal text on white
Deep Teal	Aa4.75:1AA	Aa4.26:1Large only	Passes AA, but Teal Ink is the brand text teal
System Cyan	Aa2.25:1Fail	Aa8.98:1AAA	Decorative on white; text on Ink
Signal Teal	Aa1.40:1Fail	Aa14.45:1AAA	Decorative on white; accent on Ink
Slate	Aa2.68:1Fail	Aa7.55:1AAA	Secondary text on Ink only
Silver	Aa1.08:1Fail	Aa18.69:1AAA	Surfaces; text on Ink
White	Aa1.00:1Fail	Aa20.24:1AAA	Paper; text on Ink

On white: body text Navy or Graphite, links Teal Ink; Signal Teal and System Cyan are decorative only.On Ink: White, Silver, Signal Teal, System Cyan and Slate all pass AAA. · mvtech.solutions