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
  2. paletteui
  3. Frost

Frost

theme

Ice blue and silver. Light, airy, crystalline clarity.

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

Light Mode

--background:

oklch(0.98 0.006 220)

--foreground:

oklch(0.18 0.015 230)

--card:

oklch(0.99 0.004 220)

--card-foreground:

oklch(0.18 0.015 230)

--popover:

oklch(0.99 0.004 220)

--popover-foreground:

oklch(0.18 0.015 230)

--primary:

oklch(0.60 0.12 230)

--primary-foreground:

oklch(0.98 0.006 220)

--secondary:

oklch(0.94 0.008 220)

--secondary-foreground:

oklch(0.28 0.02 230)

--muted:

oklch(0.95 0.006 220)

--muted-foreground:

oklch(0.52 0.015 230)

--accent:

oklch(0.90 0.015 220)

--accent-foreground:

oklch(0.28 0.02 230)

--destructive:

oklch(0.58 0.22 27)

--border:

oklch(0.90 0.008 220)

--input:

oklch(0.90 0.008 220)

--ring:

oklch(0.60 0.12 230)

--chart-1:

oklch(0.60 0.12 230)

--chart-2:

oklch(0.68 0.10 200)

--chart-3:

oklch(0.55 0.10 260)

--chart-4:

oklch(0.72 0.08 180)

--chart-5:

oklch(0.50 0.08 250)

Dark Mode

--background:

oklch(0.12 0.012 230)

--foreground:

oklch(0.92 0.006 220)

--card:

oklch(0.16 0.014 230)

--card-foreground:

oklch(0.92 0.006 220)

--popover:

oklch(0.16 0.014 230)

--popover-foreground:

oklch(0.92 0.006 220)

--primary:

oklch(0.72 0.10 230)

--primary-foreground:

oklch(0.12 0.012 230)

--secondary:

oklch(0.22 0.015 230)

--secondary-foreground:

oklch(0.88 0.006 220)

--muted:

oklch(0.22 0.015 230)

--muted-foreground:

oklch(0.60 0.012 230)

--accent:

oklch(0.25 0.018 230)

--accent-foreground:

oklch(0.92 0.006 220)

--destructive:

oklch(0.70 0.19 22)

--border:

oklch(0.24 0.012 230)

--input:

oklch(0.24 0.012 230)

--ring:

oklch(0.72 0.10 230)

--chart-1:

oklch(0.72 0.10 230)

--chart-2:

oklch(0.70 0.08 200)

--chart-3:

oklch(0.62 0.08 260)

--chart-4:

oklch(0.75 0.06 180)

--chart-5:

oklch(0.58 0.06 250)