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.
primaryBerry
The canonical Fordonskonsult magenta. Reads well on light and dark surfaces — contrast ~4.8 vs white and ~4.4 vs black.
AA · 5.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 large solid fields and the logo on dark backgrounds where K-only looks flat. Never for body text or fine strokes.
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 · 17.54 : 1
surface-light · lightSurface (light)
AAA · 21.00 : 1
surface-dark · darkSurface (dark)
AAA · 16.23 : 1
surface-variant-light · lightSurface variant (light)
AAA · 20.47 : 1
surface-variant-dark · darkSurface variant (dark)
AAA · 8.53 : 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 Berry primary surface. Near-white with slight pink tint.
AA · 5.39 : 1
on-background-light · lightOn Background (light)
AAA · 20.12 : 1
on-background-dark · darkOn Background (dark)
AAA · 17.54 : 1
on-surface-light · lightOn Surface (light)
AAA · 21.00 : 1
on-surface-dark · darkOn Surface (dark)
AAA · 16.23 : 1
on-surface-variant-light · lightOn Surface variant (light)
AAA · 20.47 : 1
on-surface-variant-dark · darkOn Surface variant (dark)
AAA · 8.53 : 1
04 ⁄ Other brand colors
Other brand colors
Part of the brand palette for UI, charts, and status messaging. Not allowed in logos.
secondaryRose
Lighter rose — secondary brand color for UI chrome. Not used in logos.
errorError
warningWarning
infoInfo
successSuccess