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. Coral Reef

Coral Reef

theme

Aqua and coral pink. Tropical waters, living color, marine depth.

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

Light Mode

--background:

oklch(0.98 0.006 190)

--foreground:

oklch(0.18 0.02 195)

--card:

oklch(0.99 0.004 190)

--card-foreground:

oklch(0.18 0.02 195)

--popover:

oklch(0.99 0.004 190)

--popover-foreground:

oklch(0.18 0.02 195)

--primary:

oklch(0.60 0.14 190)

--primary-foreground:

oklch(0.98 0.005 190)

--secondary:

oklch(0.94 0.012 190)

--secondary-foreground:

oklch(0.28 0.025 195)

--muted:

oklch(0.95 0.008 190)

--muted-foreground:

oklch(0.52 0.02 195)

--accent:

oklch(0.72 0.14 20)

--accent-foreground:

oklch(0.18 0.02 195)

--destructive:

oklch(0.58 0.22 27)

--border:

oklch(0.90 0.01 190)

--input:

oklch(0.90 0.01 190)

--ring:

oklch(0.60 0.14 190)

--chart-1:

oklch(0.60 0.14 190)

--chart-2:

oklch(0.68 0.14 20)

--chart-3:

oklch(0.55 0.12 170)

--chart-4:

oklch(0.72 0.10 40)

--chart-5:

oklch(0.50 0.10 210)

Dark Mode

--background:

oklch(0.12 0.018 195)

--foreground:

oklch(0.92 0.008 190)

--card:

oklch(0.16 0.02 195)

--card-foreground:

oklch(0.92 0.008 190)

--popover:

oklch(0.16 0.02 195)

--popover-foreground:

oklch(0.92 0.008 190)

--primary:

oklch(0.72 0.12 190)

--primary-foreground:

oklch(0.12 0.018 195)

--secondary:

oklch(0.22 0.022 195)

--secondary-foreground:

oklch(0.88 0.008 190)

--muted:

oklch(0.22 0.022 195)

--muted-foreground:

oklch(0.60 0.02 195)

--accent:

oklch(0.62 0.12 20)

--accent-foreground:

oklch(0.12 0.018 195)

--destructive:

oklch(0.70 0.19 22)

--border:

oklch(0.25 0.018 195)

--input:

oklch(0.25 0.018 195)

--ring:

oklch(0.72 0.12 190)

--chart-1:

oklch(0.72 0.12 190)

--chart-2:

oklch(0.65 0.12 20)

--chart-3:

oklch(0.60 0.10 170)

--chart-4:

oklch(0.70 0.08 40)

--chart-5:

oklch(0.55 0.08 210)