Ocean Blue Color Palette

A calming ocean blue palette inspired by deep sea tones. Perfect for travel, wellness, and marine brands.

Deep Ocean

HEX: #0a2647

RGB: rgb(10, 38, 71)

HSL: hsl(212, 75%, 16%)

Navy Depth

HEX: #144272

RGB: rgb(20, 66, 114)

HSL: hsl(211, 70%, 26%)

Ocean Blue

HEX: #1e6091

RGB: rgb(30, 96, 145)

HSL: hsl(206, 66%, 34%)

Sea Surface

HEX: #2e86c1

RGB: rgb(46, 134, 193)

HSL: hsl(204, 62%, 47%)

Shallow Water

HEX: #85c1e9

RGB: rgb(133, 193, 233)

HSL: hsl(204, 69%, 72%)

CSS Variables

:root {
  --ocean-blue-1: #0a2647;
  --ocean-blue-2: #144272;
  --ocean-blue-3: #1e6091;
  --ocean-blue-4: #2e86c1;
  --ocean-blue-5: #85c1e9;
}

Tailwind CSS Config

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        'ocean-blue': {
          '100': '#0a2647',
          '200': '#144272',
          '300': '#1e6091',
          '400': '#2e86c1',
          '500': '#85c1e9',
        },
      },
    },
  },
}