React Ocean Breeze Theme

The color of water where it meets sand, that particular blue that makes you exhale. Ocean Breeze captures the restorative quality of coastal mornings: gentle sea blues at oklch(0.72 0.10 230) that calm without cooling, sandy warm neutrals at oklch(0.88 0.04 80) that feel like beach at dawn, and the soft blue-gray of morning mist at oklch(0.75 0.05 240). It's not tropical—no bright turquoise or palm green. This is temperate coast, the kind where you bring a sweater and watch the waves with coffee. Use it for beach resort and coastal property sites, wellness and meditation platforms, sailing and maritime brands, coastal lifestyle and home décor, spa and relaxation services, or any Next.js project that should feel like a deep breath of salt air. Both modes feel equally serene—the ocean calms at any hour.

React Ocean Breeze Theme preview

Installation

npx shadcn@latest add https://www.shadcn.io/r/ocean-breeze.json

npx shadcn@latest add https://www.shadcn.io/r/ocean-breeze.json

pnpm dlx shadcn@latest add https://www.shadcn.io/r/ocean-breeze.json

bunx shadcn@latest add https://www.shadcn.io/r/ocean-breeze.json

Related Components

FAQ