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. Cherry Blossom

Cherry Blossom

theme

Soft sakura pink and moss green. Japanese gardens, spring rain, wabi-sabi.

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

Light Mode

--background:

oklch(0.98 0.008 350)

--foreground:

oklch(0.20 0.02 345)

--card:

oklch(0.99 0.006 350)

--card-foreground:

oklch(0.20 0.02 345)

--popover:

oklch(0.99 0.006 350)

--popover-foreground:

oklch(0.20 0.02 345)

--primary:

oklch(0.68 0.12 350)

--primary-foreground:

oklch(0.98 0.005 350)

--secondary:

oklch(0.94 0.015 350)

--secondary-foreground:

oklch(0.30 0.03 345)

--muted:

oklch(0.95 0.01 350)

--muted-foreground:

oklch(0.52 0.02 345)

--accent:

oklch(0.72 0.08 145)

--accent-foreground:

oklch(0.20 0.02 345)

--destructive:

oklch(0.55 0.20 25)

--border:

oklch(0.90 0.012 350)

--input:

oklch(0.90 0.012 350)

--ring:

oklch(0.68 0.12 350)

--chart-1:

oklch(0.68 0.12 350)

--chart-2:

oklch(0.62 0.08 145)

--chart-3:

oklch(0.72 0.10 330)

--chart-4:

oklch(0.58 0.06 160)

--chart-5:

oklch(0.65 0.10 10)

Dark Mode

--background:

oklch(0.14 0.015 345)

--foreground:

oklch(0.92 0.01 350)

--card:

oklch(0.18 0.018 345)

--card-foreground:

oklch(0.92 0.01 350)

--popover:

oklch(0.18 0.018 345)

--popover-foreground:

oklch(0.92 0.01 350)

--primary:

oklch(0.75 0.10 350)

--primary-foreground:

oklch(0.14 0.015 345)

--secondary:

oklch(0.24 0.02 345)

--secondary-foreground:

oklch(0.88 0.01 350)

--muted:

oklch(0.24 0.02 345)

--muted-foreground:

oklch(0.60 0.02 345)

--accent:

oklch(0.45 0.06 145)

--accent-foreground:

oklch(0.92 0.01 350)

--destructive:

oklch(0.68 0.18 22)

--border:

oklch(0.27 0.015 345)

--input:

oklch(0.27 0.015 345)

--ring:

oklch(0.75 0.10 350)

--chart-1:

oklch(0.75 0.10 350)

--chart-2:

oklch(0.58 0.06 145)

--chart-3:

oklch(0.72 0.08 330)

--chart-4:

oklch(0.55 0.05 160)

--chart-5:

oklch(0.68 0.08 10)