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

Sunset

theme

Orange to purple gradient vibes. Warm energy fading into cool dusk.

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

Light Mode

--background:

oklch(0.98 0.008 55)

--foreground:

oklch(0.18 0.02 35)

--card:

oklch(0.99 0.005 55)

--card-foreground:

oklch(0.18 0.02 35)

--popover:

oklch(0.99 0.005 55)

--popover-foreground:

oklch(0.18 0.02 35)

--primary:

oklch(0.62 0.20 35)

--primary-foreground:

oklch(0.98 0.008 55)

--secondary:

oklch(0.94 0.02 55)

--secondary-foreground:

oklch(0.30 0.04 35)

--muted:

oklch(0.95 0.015 55)

--muted-foreground:

oklch(0.52 0.02 35)

--accent:

oklch(0.65 0.15 310)

--accent-foreground:

oklch(0.18 0.02 35)

--destructive:

oklch(0.55 0.22 25)

--border:

oklch(0.90 0.015 55)

--input:

oklch(0.90 0.015 55)

--ring:

oklch(0.62 0.20 35)

--chart-1:

oklch(0.62 0.20 35)

--chart-2:

oklch(0.60 0.16 15)

--chart-3:

oklch(0.58 0.15 310)

--chart-4:

oklch(0.70 0.12 55)

--chart-5:

oklch(0.55 0.18 340)

Dark Mode

--background:

oklch(0.13 0.015 35)

--foreground:

oklch(0.93 0.01 55)

--card:

oklch(0.17 0.018 35)

--card-foreground:

oklch(0.93 0.01 55)

--popover:

oklch(0.17 0.018 35)

--popover-foreground:

oklch(0.93 0.01 55)

--primary:

oklch(0.72 0.16 35)

--primary-foreground:

oklch(0.13 0.015 35)

--secondary:

oklch(0.23 0.02 35)

--secondary-foreground:

oklch(0.88 0.01 55)

--muted:

oklch(0.23 0.02 35)

--muted-foreground:

oklch(0.60 0.02 35)

--accent:

oklch(0.58 0.12 310)

--accent-foreground:

oklch(0.93 0.01 55)

--destructive:

oklch(0.68 0.20 25)

--border:

oklch(0.26 0.015 35)

--input:

oklch(0.26 0.015 35)

--ring:

oklch(0.72 0.16 35)

--chart-1:

oklch(0.72 0.16 35)

--chart-2:

oklch(0.65 0.14 15)

--chart-3:

oklch(0.62 0.12 310)

--chart-4:

oklch(0.75 0.10 55)

--chart-5:

oklch(0.60 0.15 340)