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.
primaryCeladon Green
AAA · 8.00 : 1
primaryDeepDeep Green
Second stop of the gradient symbol mark. CMYK keeps Y > C so the gradient end-stop reads as green in DeviceCMYK rendering — the naive RGB→CMYK math conversion ([70, 0, 45, 45]) gives C > Y and renders with a cyan/teal cast. Approximate; verify with the print partner before press.
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). 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.31 : 1
surface-light · lightSurface (light)
AAA · 21.00 : 1
surface-dark · darkSurface (dark)
AAA · 13.63 : 1
surface-variant-light · lightSurface variant (light)
AAA · 20.47 : 1
surface-variant-dark · darkSurface variant (dark)
AAA · 10.44 : 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 Celadon Green primary surface.
AAA · 8.00 : 1
on-background-light · lightOn Background (light)
AAA · 20.12 : 1
on-background-dark · darkOn Background (dark)
AAA · 15.31 : 1
on-surface-light · lightOn Surface (light)
AAA · 21.00 : 1
on-surface-dark · darkOn Surface (dark)
AAA · 13.63 : 1
on-surface-variant-light · lightOn Surface variant (light)
AAA · 20.47 : 1
on-surface-variant-dark · darkOn Surface variant (dark)
AAA · 10.44 : 1
04 ⁄ Other brand colors
Other brand colors
Part of the brand palette for UI, charts, and status messaging. Not allowed in logos.
secondaryYellow-Green
Secondary brand color — used in Vuetify UI chrome, not in logos.
errorError
warningWarning
infoInfo
successSuccess