Colors

The CADDi color palette is built on a foundation of trust and clarity. Click any swatch to copy its hex value.

Primary Colors

CADDi Blue

#1a56db

--primary

Gray 900

#111827

--foreground

Gray 700

#374151

--border (dark)

Secondary Colors

Gray 600

#4b5563

--muted-foreground

Gray 200

#e5e7eb

--border

Gray 100

#f3f4f6

--secondary

Neutral Colors

Gray 50

#f9fafb

--muted

White

#ffffff

--background

Semantic Colors

Success

#10b981

--success

Warning

#f59e0b

--warning

Error

#ef4444

--destructive

Info

#3b82f6

--info

Accessibility Pairings

Recommended foreground/background combinations with their WCAG contrast ratios.

AaGray 900 / White

#111827 / #ffffff

17.4:1AAA

AaWhite / CADDi Blue

#ffffff / #1a56db

6.3:1AAA

AaGray 600 / White

#4b5563 / #ffffff

7.0:1AAA

AaGray 900 / Gray 50

#111827 / #f9fafb

16.8:1AAA