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.
primaryFudd Teal
The canonical Fudd teal. Used for the trailing dot in both the symbol and the wordmark, and for the wordmark text on light surfaces.
AA · 4.87 : 1
midnightMidnight
Deep navy. Used for the `f` symbol on light surfaces — reads as black at small sizes but carries a slight cool tint on print.
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 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 · 16.34 : 1
background-dark · darkBackground (dark)
AAA · 15.40 : 1
surface-light · lightSurface (light)
AAA · 17.05 : 1
surface-dark · darkSurface (dark)
AAA · 13.90 : 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 Fudd Teal primary surface.
AA · 4.87 : 1
on-background-light · lightOn Background (light)
AAA · 16.34 : 1
on-background-dark · darkOn Background (dark)
AAA · 15.40 : 1
on-surface-light · lightOn Surface (light)
AAA · 17.05 : 1
on-surface-dark · darkOn Surface (dark)
AAA · 13.90 : 1
04 ⁄ Other brand colors
Other brand colors
Part of the brand palette for UI, charts, and status messaging. Not allowed in logos.
errorError
warningWarning
infoInfo
successSuccess