Skip to content
Werklist Brand Guidelines

Color.

One primary, an 11-step neutral ramp, five semantic tokens, and a small accent surface set. Click any swatch to copy its hex. Every value below is already consumed by jobs.werklist.com.

02.1

Primary

The single color Werklist is identified by. and two partners that never stand alone.

Deprecated

Sales-PDF royal-cobalt #1A47CF and legacy Pixfort blues #005CE7 / #004BE7 are retired. Any deck reprinted after 2026-04-21 must migrate to #1863DC.

02.2

Neutrals

Eleven steps from white to black. Workhorse of the system. the surface contrast between #FFFFFF and #FAFAFA is the primary separation tool in product UI.

02.3

Accent surfaces

Small set, hard-coded across the canon. The secondary CTA invert is the signature action-reveal pattern.

02.4

Semantic

One red, one green, one amber, brand blue for info, a single live-dot green. Never introduce a new semantic color without updating this file.

02.5

Dark mode

Dark is an inversion, not a separate palette. Brand blue stays the same; neutrals flip.

Page bg#FFFFFF#1D2327
Card surface#FAFAFA#27272A
Body text#52525B#D1D1D5
Heading#000000#FFFFFF
Divider#E5E5E5rgba(255,255,255,0.12)
Primary CTA#1863DC#1863DCunchanged
CTA hover#0E4AA8#3378E4
Secondary CTA#F0F0EErgba(255,255,255,0.08)

02.6

Contrast

WCAG 2.2 AA floor, AAA where achievable. The placeholder gray fails body AA. use only for input placeholders.

Foreground

Background

Ratio

WCAG

#1863DC#FFFFFF4.89:1AA
#1863DC#FAFAFA4.73:1AA
#FFFFFF#03058514.7:1AAA
#FFFFFF#1863DC4.89:1AA
#FFFFFF#0E4AA87.4:1AAA
#000000#FFFFFF21:1AAA
#52525B#FFFFFF8.17:1AAA
#52525B#FAFAFA7.9:1AAA
#27272A#FFFFFF15.26:1AAA
#A0A0A8#FFFFFF3.05:1Placeholder only
#B91C3A#FFFFFF6.02:1AAA

02.7

Usage ratio

Across every Werklist surface.

70%

Neutral

20%

Brand blue

10%

Accent