Colour
Het federale palet leeft als DTCG-tokens. Hieronder de gegenereerde swatches en hun WCAG-contrast t.o.v. wit.
Primair palet
color.federal-blue.50
#EBF2FA
vs wit · 1.13:1 · failcolor.federal-blue.100
#D9E8F7
vs wit · 1.25:1 · failcolor.federal-blue.200
#B0CCEB
vs wit · 1.66:1 · failcolor.federal-blue.300
#739ED4
vs wit · 2.77:1 · failcolor.federal-blue.400
#3669B0
vs wit · 5.52:1 · AAcolor.federal-blue.500
#0F458F
vs wit · 9.26:1 · AAAcolor.federal-blue.600
#0A3878
vs wit · 11.35:1 · AAAcolor.federal-blue.700
#052B5E
vs wit · 13.87:1 · AAAcolor.federal-blue.800
#031F45
vs wit · 16.33:1 · AAAcolor.federal-blue.900
#03122E
vs wit · 18.59:1 · AAASemantische rollen
color.feedback.success-500
#1A8C52
color.feedback.warning-500
#DB9C12
color.feedback.error-500
#C70F2E
color.feedback.info-500
#0F458F
color.feedback.success
#1A8C52
color.feedback.warning
#DB9C12
color.feedback.error
#C70F2E
color.feedback.info
#0F458F
color.background.default
#FFFFFF
color.background.subtle
#FAFAF7
color.background.muted
#F5F5F2
color.background.inverted
#121212
color.background.brand
#0F458F
color.background.brand-strong
#052B5E
color.text.default
#121212
color.text.muted
#575752
color.text.subtle
#75756E
color.text.inverted
#FFFFFF
color.text.brand
#052B5E
color.text.link
#0A3878
color.text.link-visited
#031F45