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. Zinc

Zinc

theme

The sensible default. Neutral zinc grays that stay out of the way.

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

Light Mode

--background:

oklch(0.995 0 0)

--foreground:

oklch(0.14 0.005 286)

--card:

oklch(1 0 0)

--card-foreground:

oklch(0.14 0.005 286)

--popover:

oklch(1 0 0)

--popover-foreground:

oklch(0.14 0.005 286)

--primary:

oklch(0.21 0.006 286)

--primary-foreground:

oklch(0.985 0.002 286)

--secondary:

oklch(0.967 0.001 286)

--secondary-foreground:

oklch(0.25 0.006 286)

--muted:

oklch(0.967 0.001 286)

--muted-foreground:

oklch(0.55 0.01 286)

--accent:

oklch(0.967 0.001 286)

--accent-foreground:

oklch(0.25 0.006 286)

--destructive:

oklch(0.58 0.22 27)

--border:

oklch(0.92 0.004 286)

--input:

oklch(0.92 0.004 286)

--ring:

oklch(0.55 0.01 286)

--chart-1:

oklch(0.65 0.15 250)

--chart-2:

oklch(0.60 0.13 160)

--chart-3:

oklch(0.55 0.18 30)

--chart-4:

oklch(0.65 0.10 310)

--chart-5:

oklch(0.70 0.12 80)

Dark Mode

--background:

oklch(0.12 0.005 286)

--foreground:

oklch(0.94 0.002 286)

--card:

oklch(0.16 0.005 286)

--card-foreground:

oklch(0.94 0.002 286)

--popover:

oklch(0.16 0.005 286)

--popover-foreground:

oklch(0.94 0.002 286)

--primary:

oklch(0.94 0.002 286)

--primary-foreground:

oklch(0.12 0.005 286)

--secondary:

oklch(0.22 0.006 286)

--secondary-foreground:

oklch(0.88 0.002 286)

--muted:

oklch(0.22 0.006 286)

--muted-foreground:

oklch(0.62 0.01 286)

--accent:

oklch(0.25 0.006 286)

--accent-foreground:

oklch(0.94 0.002 286)

--destructive:

oklch(0.70 0.19 22)

--border:

oklch(0.24 0.006 286)

--input:

oklch(0.24 0.006 286)

--ring:

oklch(0.62 0.01 286)

--chart-1:

oklch(0.70 0.13 250)

--chart-2:

oklch(0.65 0.11 160)

--chart-3:

oklch(0.60 0.16 30)

--chart-4:

oklch(0.70 0.08 310)

--chart-5:

oklch(0.75 0.10 80)