Palette
Click any value to copy. Logo colors come in RGB for screen, CMYK for print, and Pantone where known. Surface and text colors match the live UI theme so screen designs stay in sync.
01 ⁄ Logo palette
Logo palette
The only colors allowed inside logo artwork: Primary, Black (K-only), Rich Black, and White.
primarySignal Yellow
AAA · 12.39 : 1
blackBlack — K only
Pure K-plate black (100% K, no CMY). Use for text, thin strokes, and single-plate print jobs. Safe at any size.
blackRichRich Black
Designer rich black (C40 M30 Y30 K100) for print — renders as #000000 on screen. Use for the symbol, large solid fields, and the logo on dark backgrounds where K-only looks flat. Never for body text or fine strokes — requires plate registration.
whiteWhite
02 ⁄ Surfaces
Surfaces
Approved backgrounds for the logo and the UI chrome. Sourced from the @fuddfinans/nuxt-vuetify predefined theme; each surface has a paired "on" color for body text.
background-light · lightBackground (light)
AAA · 20.12 : 1
background-dark · darkBackground (dark)
AAA · 15.86 : 1
surface-light · lightSurface (light)
AAA · 21.00 : 1
surface-dark · darkSurface (dark)
AAA · 14.11 : 1
surface-variant-light · lightSurface variant (light)
AAA · 20.47 : 1
surface-variant-dark · darkSurface variant (dark)
AAA · 10.61 : 1
03 ⁄ Text on surface
Text on surface
Body-text colors paired with each surface — use these in UI, not in logo artwork.
on-primaryOn Primary
Body text color when painted over the Signal Yellow primary surface. Near-black with a warm undertone to harmonise with the yellow.
AAA · 12.39 : 1
on-background-light · lightOn Background (light)
AAA · 20.12 : 1
on-background-dark · darkOn Background (dark)
AAA · 15.86 : 1
on-surface-light · lightOn Surface (light)
AAA · 21.00 : 1
on-surface-dark · darkOn Surface (dark)
AAA · 14.11 : 1
on-surface-variant-light · lightOn Surface variant (light)
AAA · 20.47 : 1
on-surface-variant-dark · darkOn Surface variant (dark)
AAA · 10.61 : 1
04 ⁄ Other brand colors
Other brand colors
Part of the brand palette for UI, charts, and status messaging. Not allowed in logos.
primary-light-modeSignal Yellow — light-mode UI
Desaturated yellow used for Vuetify UI chrome in light mode (buttons, chips). Not a logo color — the canonical Bilreda yellow is #FADF06.
secondaryCharcoal
Secondary brand color for UI chrome. Not used in logos.
errorError
warningWarning
infoInfo
successSuccess
anchorAnchor