Farb-Übersicht

Primary

172 56% 13%

Marken-Hauptfarbe, Buttons, Links

Ring / Sidebar-BG

171 49% 13%

Fokus-Rahmen, Sidebar-Hintergrund

Secondary

180 66% 10%

Footer, dunkle Sektionen

Accent

171 30% 35%

Akzent, Hover-Zustände

Hero-Overlay

180 50% 12%

Gradient-Overlay im Hero

Hardcode-Grün

171 45% 13%

Überschriften, Sektions-Hintergründe

Background

40 40% 96%

Seiten-Hintergrund

Card

0 0% 100%

Karten, Container

Foreground

0 0% 10%

Haupttextfarbe

Muted

40 20% 92%

inaktive Elemente, Hintergründe

Muted-Foreground

0 0% 24%

Sekundärtext

Border / Input

40 15% 89%

Rahmen, Eingabefelder

Tabellen-Zeile

40 33% 97%

Alternierende Tabellenzeile

Eyebrow-Text

171 9% 52%

Kleine Vorüberschrift im Hero

Destructive

0 72% 51%

Fehler, Löschen

Erfolg (Grün)

142 71% 45%

Verifiziert-Badges, Positiv

Warnung (Orange)

33 94% 44%

Modellwert-Badges, Hinweis

Chart 1

171 40% 30%

Teal — Hauptdatenreihe

Chart 2

35 50% 50%

Gold/Ocker — Sekundär

Chart 3

60 25% 45%

Oliv — Tertiär

Chart 4

200 50% 45%

Blau — Wasserdaten

Chart 5

25 55% 45%

Terrakotta — Kosten

DM Background

171 30% 8%

Dunkler Seiten-Hintergrund

DM Card

171 30% 11%

Dunkle Karten

DM Primary

40 40% 85%

Invertierte Hauptfarbe

DM Accent

171 30% 40%

Dunkler Akzent

DM Foreground

40 30% 90%

Dunkler Text