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

Terms of Service Privacy Policy

Registry Health Inspect

Cobalt Theme – shadcn/ui Theme by miseui | shadcnregistry

Registries
miseui
Cobalt Theme

Cobalt Theme

theme

Saturated blue. Trustworthy, for finance and B2B. Complete tokens, motion included.

pnpm dlx shadcn@latest add "https://miseui.junsu4621.workers.dev/r/theme-cobalt.json"

Premium blocks for shadcn/uiShadcnblocks.com · AffiliateExplore

Light Mode

--radius:

0.75rem

--background:

oklch(0.995 0.0018 255)

--foreground:

oklch(0.21 0.007 255)

--card:

oklch(0.975 0.0035 255)

--card-foreground:

oklch(0.21 0.007 255)

--popover:

oklch(0.995 0.0018 255)

--popover-foreground:

oklch(0.21 0.007 255)

--primary:

oklch(0.21 0.007 255)

--primary-foreground:

oklch(0.99 0.0018 255)

--secondary:

oklch(0.955 0.0053 255)

--secondary-foreground:

oklch(0.21 0.007 255)

--muted:

oklch(0.965 0.0035 255)

--muted-foreground:

oklch(0.5 0.014 255)

--accent:

oklch(0.955 0.0053 255)

--accent-foreground:

oklch(0.21 0.007 255)

--destructive:

oklch(0.6 0.22 27)

--border:

oklch(0.9 0.0053 255)

--input:

oklch(0.9 0.0053 255)

--mise:

oklch(0.52 0.2 258)

--mise-foreground:

oklch(0.985 0.005 258)

--mise-soft:

oklch(0.94 0.03 258)

--ring:

oklch(0.6 0.17 258)

Dark Mode

--background:

oklch(0.14 0.0088 255)

--foreground:

oklch(0.96 0.0035 255)

--card:

oklch(0.19 0.0088 255)

--card-foreground:

oklch(0.96 0.0035 255)

--popover:

oklch(0.2 0.0088 255)

--popover-foreground:

oklch(0.96 0.0035 255)

--primary:

oklch(0.96 0.0035 255)

Theme

--font-display:

"Geist Variable", -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif

--ease-mise:

cubic-bezier(0.2, 0, 0, 1)

--ease-mise-out:

cubic-bezier(0.16, 1, 0.3, 1)

--duration-fast:

150ms

--duration-base:

240ms

--duration-slow:

400ms

--color-mise:

var(--mise)

--color-mise-foreground:

var(--mise-foreground)

--color-mise-soft:

var(--mise-soft)

CSS

--primary-foreground:

oklch(0.17 0.007 255)

--secondary:

oklch(0.24 0.0088 255)

--secondary-foreground:

oklch(0.96 0.0035 255)

--muted:

oklch(0.22 0.0088 255)

--muted-foreground:

oklch(0.7 0.0105 255)

--accent:

oklch(0.26 0.0088 255)

--accent-foreground:

oklch(0.96 0.0035 255)

--destructive:

oklch(0.7 0.19 22)

--border:

oklch(1 0 0 / 12%)

--input:

oklch(1 0 0 / 15%)

--mise:

oklch(0.7 0.16 255)

--mise-foreground:

oklch(0.17 0.04 258)

--mise-soft:

oklch(0.3 0.07 258)

--ring:

oklch(0.65 0.15 255)