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

Synthwave

theme

Neon pink and cyan on dark purple. 80s arcade, VHS tracking, laser grids.

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

Light Mode

--background:

oklch(0.97 0.01 310)

--foreground:

oklch(0.18 0.03 300)

--card:

oklch(0.98 0.008 310)

--card-foreground:

oklch(0.18 0.03 300)

--popover:

oklch(0.98 0.008 310)

--popover-foreground:

oklch(0.18 0.03 300)

--primary:

oklch(0.60 0.25 330)

--primary-foreground:

oklch(0.98 0.005 310)

--secondary:

oklch(0.92 0.03 310)

--secondary-foreground:

oklch(0.28 0.04 300)

--muted:

oklch(0.94 0.02 310)

--muted-foreground:

oklch(0.52 0.03 300)

--accent:

oklch(0.75 0.15 200)

--accent-foreground:

oklch(0.18 0.03 300)

--destructive:

oklch(0.58 0.22 27)

--border:

oklch(0.88 0.02 310)

--input:

oklch(0.88 0.02 310)

--ring:

oklch(0.60 0.25 330)

--chart-1:

oklch(0.60 0.25 330)

--chart-2:

oklch(0.70 0.15 200)

--chart-3:

oklch(0.55 0.20 290)

--chart-4:

oklch(0.75 0.10 170)

--chart-5:

oklch(0.50 0.18 260)

Dark Mode

--background:

oklch(0.10 0.03 290)

--foreground:

oklch(0.90 0.02 310)

--card:

oklch(0.14 0.035 290)

--card-foreground:

oklch(0.90 0.02 310)

--popover:

oklch(0.14 0.035 290)

--popover-foreground:

oklch(0.90 0.02 310)

--primary:

oklch(0.72 0.22 330)

--primary-foreground:

oklch(0.10 0.03 290)

--secondary:

oklch(0.20 0.03 290)

--secondary-foreground:

oklch(0.85 0.02 310)

--muted:

oklch(0.20 0.03 290)

--muted-foreground:

oklch(0.60 0.03 300)

--accent:

oklch(0.70 0.14 200)

--accent-foreground:

oklch(0.10 0.03 290)

--destructive:

oklch(0.70 0.19 22)

--border:

oklch(0.24 0.03 290)

--input:

oklch(0.24 0.03 290)

--ring:

oklch(0.72 0.22 330)

--chart-1:

oklch(0.72 0.22 330)

--chart-2:

oklch(0.70 0.14 200)

--chart-3:

oklch(0.60 0.18 290)

--chart-4:

oklch(0.75 0.10 170)

--chart-5:

oklch(0.55 0.16 260)