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.
primaryForest Green
The canonical Carmatic green — deep, near-black forest tone taken directly from the master SVG. Reads well on light surfaces; on dark surfaces use `primaryLight` (Pale Sage) or the mono-white reversed treatment — Forest Green sits too close to black to contrast with dark backgrounds.
AAA · 12.67 : 1
primaryLightPale Sage
Pale sage variant of the Forest Green primary, vetted by the Vuetify dark-mode theme. Use as the logo color on dark surfaces where the canonical primary (#002E10) would disappear into the background. Same value as `vuetify:carmatic.dark.primary` — keeps logo and UI surfaces tonally consistent in dark mode.
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 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 · 16.14 : 1
surface-light · lightSurface (light)
AAA · 21.00 : 1
surface-dark · darkSurface (dark)
AAA · 14.81 : 1
surface-variant-light · lightSurface variant (light)
AAA · 20.47 : 1
surface-variant-dark · darkSurface variant (dark)
AAA · 11.14 : 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 Forest Green primary surface. Near-white for high contrast against the deep green.
AAA · 12.67 : 1
on-background-light · lightOn Background (light)
AAA · 20.12 : 1
on-background-dark · darkOn Background (dark)
AAA · 16.14 : 1
on-surface-light · lightOn Surface (light)
AAA · 21.00 : 1
on-surface-dark · darkOn Surface (dark)
AAA · 14.81 : 1
on-surface-variant-light · lightOn Surface variant (light)
AAA · 20.47 : 1
on-surface-variant-dark · darkOn Surface variant (dark)
AAA · 11.14 : 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-modeForest Green — light-mode UI
Slightly lightened forest green used as the Vuetify primary in light mode UI (buttons, chips). Not a logo color — the canonical logo green is #002E10.
secondaryMuted Sage
Secondary brand color for UI chrome. Not used in logos.
errorError
warningWarning
infoInfo
successSuccess