Foundations
Colors
The WAfM color palette brings consistency to our brand, interface, and data visualizations across light and dark themes.
Primary & Secondary
Brand-defining colors that establish the WAfM visual identity.
brand/primary
#1f2a53
hsl(227 46% 22%)
brand/secondary
#eef0f6
hsl(225 31% 95%)
Neutrals
Neutral tones for backgrounds, text, and dividers.
neutral/white
#ffffff
hsl(0 0% 100%)
neutral/off-white
#f4f5f6
hsl(210 10% 96%)
neutral/light-gray
#e5e6e9
hsl(225 8% 91%)
neutral/gray
#656972
hsl(222 6% 42%)
neutral/charcoal
#1d212d
hsl(225 22% 15%)
neutral/black
#000000
hsl(0 0% 0%)
Functional Colors
Base colors for feedback.
red
#e7000b
hsl(357 100% 45%)
red/soft
#ff5b5b
hsl(0 100% 68%)
Analysis
The base palette for analysis and comparison.
yellow
#d0973d
hsl(37 61% 53%)
olive
#665a3f
hsl(42 24% 32%)
blue/soft
#575f7c
hsl(227 18% 41%)
yellow/light
#e7b056
hsl(37 75% 62%)
sage
#6e8387
hsl(190 10% 48%)
sand
#e3d5d2
hsl(11 23% 86%)
purple
#8b5cf6
hsl(258 90% 66%)
blue/bright
#3b82f6
hsl(217 91% 60%)
Participants
A dedicated participant series for charts, profiles, and comparison views.
Attendee 1
#3d4f8c
hsl(226 39% 39%)
Attendee 2
#b05c35
hsl(19 54% 45%)
Attendee 3
#357d72
hsl(171 40% 35%)
Attendee 4
#b5841a
hsl(41 75% 41%)
Attendee 5
#7e4878
hsl(307 27% 39%)
Attendee 6
#4e5f88
hsl(222 27% 42%)
Attendee 7
#6a52a0
hsl(258 32% 47%)
Attendee 8
#597a3c
hsl(92 34% 36%)