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

Emerald

theme

Fresh mint and green. Natural energy that feels alive.

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

Light Mode

--background:

oklch(0.98 0.006 155)

--foreground:

oklch(0.16 0.03 160)

--card:

oklch(0.99 0.004 155)

--card-foreground:

oklch(0.16 0.03 160)

--popover:

oklch(0.99 0.004 155)

--popover-foreground:

oklch(0.16 0.03 160)

--primary:

oklch(0.55 0.17 160)

--primary-foreground:

oklch(0.98 0.006 155)

--secondary:

oklch(0.94 0.02 155)

--secondary-foreground:

oklch(0.25 0.04 160)

--muted:

oklch(0.95 0.015 155)

--muted-foreground:

oklch(0.50 0.025 160)

--accent:

oklch(0.85 0.10 155)

--accent-foreground:

oklch(0.20 0.04 160)

--destructive:

oklch(0.58 0.22 27)

--border:

oklch(0.90 0.01 155)

--input:

oklch(0.90 0.01 155)

--ring:

oklch(0.55 0.17 160)

--chart-1:

oklch(0.55 0.17 160)

--chart-2:

oklch(0.62 0.13 130)

--chart-3:

oklch(0.50 0.15 185)

--chart-4:

oklch(0.70 0.10 110)

--chart-5:

oklch(0.58 0.12 200)

Dark Mode

--background:

oklch(0.12 0.02 160)

--foreground:

oklch(0.92 0.01 155)

--card:

oklch(0.16 0.022 160)

--card-foreground:

oklch(0.92 0.01 155)

--popover:

oklch(0.16 0.022 160)

--popover-foreground:

oklch(0.92 0.01 155)

--primary:

oklch(0.72 0.14 160)

--primary-foreground:

oklch(0.12 0.02 160)

--secondary:

oklch(0.22 0.025 160)

--secondary-foreground:

oklch(0.88 0.01 155)

--muted:

oklch(0.22 0.025 160)

--muted-foreground:

oklch(0.60 0.02 160)

--accent:

oklch(0.50 0.12 155)

--accent-foreground:

oklch(0.92 0.01 155)

--destructive:

oklch(0.70 0.19 22)

--border:

oklch(0.25 0.02 160)

--input:

oklch(0.25 0.02 160)

--ring:

oklch(0.72 0.14 160)

--chart-1:

oklch(0.72 0.14 160)

--chart-2:

oklch(0.68 0.11 130)

--chart-3:

oklch(0.60 0.13 185)

--chart-4:

oklch(0.75 0.08 110)

--chart-5:

oklch(0.62 0.10 200)