1 slot open this monthBy the makers of shadcnregistryWe built shadcnregistry. Now we build your product.Book a callCheck availability
1 slot open this monthAI features?We build AI features into your product.Book a callCheck availability
1 slot open this month🚨 Slop police🚨 Slop police: we clean up vibe-coded apps.Report itReport your app
shadcnregistry
shadcnregistry
RegistryHealthInspect
Terms of ServicePrivacy Policy
  1. Registries
  3. paletteui
  5. SaaS Blue

SaaS Blue

theme

Professional blue. The reliable choice for dashboards and products.

pnpm dlx shadcn@latest add "https://paletteui.xyz/r/saas.json"
Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Light Mode

--background:

oklch(0.99 0.002 240)

--foreground:

oklch(0.18 0.02 240)

--card:

oklch(1 0 0)

--card-foreground:

oklch(0.18 0.02 240)

--popover:

oklch(1 0 0)

--popover-foreground:

oklch(0.18 0.02 240)

--primary:

oklch(0.55 0.20 245)

--primary-foreground:

oklch(0.99 0.002 240)

--secondary:

oklch(0.95 0.01 240)

--secondary-foreground:

oklch(0.30 0.04 240)

--muted:

oklch(0.96 0.005 240)

--muted-foreground:

oklch(0.52 0.02 240)

--accent:

oklch(0.93 0.015 240)

--accent-foreground:

oklch(0.30 0.04 240)

--destructive:

oklch(0.58 0.22 27)

--border:

oklch(0.92 0.005 240)

--input:

oklch(0.92 0.005 240)

--ring:

oklch(0.55 0.20 245)

--chart-1:

oklch(0.55 0.20 245)

--chart-2:

oklch(0.65 0.16 200)

--chart-3:

oklch(0.50 0.14 280)

--chart-4:

oklch(0.72 0.12 180)

--chart-5:

oklch(0.60 0.18 230)

Dark Mode

--background:

oklch(0.14 0.015 240)

--foreground:

oklch(0.95 0.005 240)

--card:

oklch(0.18 0.02 240)

--card-foreground:

oklch(0.95 0.005 240)

--popover:

oklch(0.18 0.02 240)

--popover-foreground:

oklch(0.95 0.005 240)

--primary:

oklch(0.65 0.18 245)

--primary-foreground:

oklch(0.14 0.015 240)

--secondary:

oklch(0.24 0.025 240)

--secondary-foreground:

oklch(0.90 0.005 240)

--muted:

oklch(0.24 0.025 240)

--muted-foreground:

oklch(0.65 0.02 240)

--accent:

oklch(0.27 0.03 240)

--accent-foreground:

oklch(0.95 0.005 240)

--destructive:

oklch(0.70 0.19 22)

--border:

oklch(0.27 0.02 240)

--input:

oklch(0.27 0.02 240)

--ring:

oklch(0.65 0.18 245)

--chart-1:

oklch(0.65 0.18 245)

--chart-2:

oklch(0.70 0.14 200)

--chart-3:

oklch(0.58 0.12 280)

--chart-4:

oklch(0.75 0.10 180)

--chart-5:

oklch(0.62 0.16 230)