Farben

Farbpalette aus dem CASAGO Design-System. Klicke auf einen Wert zum Kopieren.

Hintergründe
BackgroundAAA
#F8F8F7
--brand-bg-background
Warmes Off-White
SurfaceAAA
#FFFFFF
--brand-bg-surface
Cards, Panels
DarkAAA
#20252B
--brand-bg-dark
Footer, Menü
Page DarkAAA
#050C11
--brand-bg-page-dark
Projektseiten-BG
Text
PrimaryAAA
#353B43
--brand-text-primary
Headline, Fließtext
SecondaryAA
#868C95
--brand-text-secondary
Beschreibungen
MutedAAA
#CDCDCD
--brand-text-muted
Subtitel, Kategorien
On DarkAAA
#F8F8F7
--brand-text-on-dark
Auf dunklem Grund
On Dark MutedAAA
#BFC3CA
--brand-text-on-dark-muted
Footer-Labels
Akzent
CyanAAA
#59EDED
--brand-cyan
Highlight, Kennzahlen
Dark TealAAA
#0B3434
--brand-dark-teal
Akzent-Flächen, Stat-Cards
UI
BorderAAA
#E5E5E5
--brand-ui-border
Trennlinien
ActiveAAA
#353B43
--brand-ui-active
Aktiver Zustand
InactiveAAA
#CAC7C6
--brand-ui-inactive
Inaktiver Zustand
Buttons
CTA BackgroundAAA
#FFFFFF
--brand-btn-background
Primär-Button auf Dark
CTA TextAAA
#141414
--brand-btn-text
Button-Schrift
Outline BorderAAA
#353B43
--brand-btn-outline-border
Sekundär-Button-Rand
Empfohlene Kombinationen

Freigegebene Farbpaarungen mit WCAG-Kontrastverhältnis. Für alle anderen Kombinationen bitte den Marken-Assistenten nutzen.

Aa — Text auf Hintergrund10.6:1 AAA
#353B43auf
#F8F8F7
Fließtext, Body Copy
Aa — Hell auf Dark14.5:1 AAA
#F8F8F7auf
#20252B
Navigation, Footer
Aa — Cyan auf Page Dark13.8:1 AAA
#59EDEDauf
#050C11
Kennzahlen, Highlights
Aa — Hell auf Page Dark18.5:1 AAA
#F8F8F7auf
#050C11
Hero-Text auf Fotohintergrund
Aa — Primary auf Weiß11.3:1 AAA
#353B43auf
#FFFFFF
Cards, Dokumente
Aa — Secondary auf Hintergrund3.2:1 AA+
#868C95auf
#F8F8F7
Untertitel, Captions