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. Coca Cola

Coca Cola

theme

That iconic red and crisp white. Bold, classic, refreshing since 1886.

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

Light Mode

--background:

oklch(0.99 0.002 0)

--foreground:

oklch(0.15 0.01 15)

--card:

oklch(1 0 0)

--card-foreground:

oklch(0.15 0.01 15)

--popover:

oklch(1 0 0)

--popover-foreground:

oklch(0.15 0.01 15)

--primary:

oklch(0.50 0.24 25)

--primary-foreground:

oklch(0.99 0.002 0)

--secondary:

oklch(0.96 0.004 0)

--secondary-foreground:

oklch(0.25 0.01 15)

--muted:

oklch(0.96 0.003 0)

--muted-foreground:

oklch(0.52 0.006 0)

--accent:

oklch(0.96 0.003 0)

--accent-foreground:

oklch(0.25 0.01 15)

--destructive:

oklch(0.50 0.24 25)

--border:

oklch(0.92 0.003 0)

--input:

oklch(0.92 0.003 0)

--ring:

oklch(0.50 0.24 25)

--chart-1:

oklch(0.50 0.24 25)

--chart-2:

oklch(0.62 0.18 20)

--chart-3:

oklch(0.42 0.16 30)

--chart-4:

oklch(0.70 0.10 15)

--chart-5:

oklch(0.55 0.20 25)

Dark Mode

--background:

oklch(0.08 0.008 15)

--foreground:

oklch(0.94 0.003 0)

--card:

oklch(0.12 0.01 15)

--card-foreground:

oklch(0.94 0.003 0)

--popover:

oklch(0.12 0.01 15)

--popover-foreground:

oklch(0.94 0.003 0)

--primary:

oklch(0.60 0.22 25)

--primary-foreground:

oklch(0.08 0.008 15)

--secondary:

oklch(0.18 0.008 15)

--secondary-foreground:

oklch(0.88 0.003 0)

--muted:

oklch(0.18 0.008 15)

--muted-foreground:

oklch(0.58 0.005 10)

--accent:

oklch(0.20 0.008 15)

--accent-foreground:

oklch(0.94 0.003 0)

--destructive:

oklch(0.60 0.22 25)

--border:

oklch(0.20 0.006 15)

--input:

oklch(0.20 0.006 15)

--ring:

oklch(0.60 0.22 25)

--chart-1:

oklch(0.60 0.22 25)

--chart-2:

oklch(0.55 0.16 20)

--chart-3:

oklch(0.48 0.14 30)

--chart-4:

oklch(0.72 0.08 15)

--chart-5:

oklch(0.58 0.18 25)