Corporate Blue Palette

CSS variables

:root {
  --color-1: #03045E;
  --color-2: #0077B6;
  --color-3: #00B4D8;
  --color-4: #90E0EF;
  --color-5: #CAF0F8;
}

Tailwind config

// tailwind.config.js
colors: {
  "corporate-blue-1": "#03045E",
  "corporate-blue-2": "#0077B6",
  "corporate-blue-3": "#00B4D8",
  "corporate-blue-4": "#90E0EF",
  "corporate-blue-5": "#CAF0F8",
}

About this palette

The Corporate Blue palette is a curated set of 5 colors with their HEX, RGB and ready CSS-variable and Tailwind exports. Click any swatch for that color's full breakdown — conversions, contrast and harmonies.

More palettes