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

Nordic

theme

Deep navy blue and clean white. Scandinavian flags, fjords, northern calm.

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

Light Mode

--background:

oklch(0.99 0.002 240)

--foreground:

oklch(0.20 0.025 240)

--card:

oklch(1 0 0)

--card-foreground:

oklch(0.20 0.025 240)

--popover:

oklch(1 0 0)

--popover-foreground:

oklch(0.20 0.025 240)

--primary:

oklch(0.35 0.15 250)

--primary-foreground:

oklch(0.99 0.002 240)

--secondary:

oklch(0.95 0.005 240)

--secondary-foreground:

oklch(0.30 0.02 240)

--muted:

oklch(0.96 0.004 240)

--muted-foreground:

oklch(0.52 0.015 240)

--accent:

oklch(0.55 0.18 25)

--accent-foreground:

oklch(0.99 0.002 240)

--destructive:

oklch(0.55 0.20 25)

--border:

oklch(0.92 0.004 240)

--input:

oklch(0.92 0.004 240)

--ring:

oklch(0.35 0.15 250)

--chart-1:

oklch(0.35 0.15 250)

--chart-2:

oklch(0.55 0.18 25)

--chart-3:

oklch(0.50 0.12 240)

--chart-4:

oklch(0.65 0.08 230)

--chart-5:

oklch(0.45 0.10 260)

Dark Mode

--background:

oklch(0.12 0.02 250)

--foreground:

oklch(0.94 0.004 240)

--card:

oklch(0.16 0.022 250)

--card-foreground:

oklch(0.94 0.004 240)

--popover:

oklch(0.16 0.022 250)

--popover-foreground:

oklch(0.94 0.004 240)

--primary:

oklch(0.60 0.14 250)

--primary-foreground:

oklch(0.12 0.02 250)

--secondary:

oklch(0.22 0.02 250)

--secondary-foreground:

oklch(0.88 0.004 240)

--muted:

oklch(0.22 0.02 250)

--muted-foreground:

oklch(0.60 0.012 245)

--accent:

oklch(0.55 0.16 25)

--accent-foreground:

oklch(0.12 0.02 250)

--destructive:

oklch(0.68 0.18 22)

--border:

oklch(0.25 0.018 250)

--input:

oklch(0.25 0.018 250)

--ring:

oklch(0.60 0.14 250)

--chart-1:

oklch(0.60 0.14 250)

--chart-2:

oklch(0.58 0.16 25)

--chart-3:

oklch(0.55 0.10 240)

--chart-4:

oklch(0.68 0.06 230)

--chart-5:

oklch(0.50 0.08 260)