colors.codes
Build your own palette
Palette · 5 colors

Ocean, Cobalt, Midnight, and 2 more

A 5-color cool palette leaning dark, spanning azure, blue, cyan.

Edit in builder

Copy palette

CSS variables
:root {
  --c1: #0369a1;
  --c2: #1e3a8a;
  --c3: #0f172a;
  --c4: #1e40af;
  --c5: #0f766e;
}
JSON
{
  "url": "https://colors.codes/palette/0369a1-1e3a8a-0f172a-1e40af-0f766e",
  "colors": [
    {
      "hex": "#0369a1",
      "name": "Ocean",
      "mood": "Cool"
    },
    {
      "hex": "#1e3a8a",
      "name": "Cobalt",
      "mood": "Cool"
    },
    {
      "hex": "#0f172a",
      "name": "Midnight",
      "mood": "Cool"
    },
    {
      "hex": "#1e40af",
      "name": "Sapphire",
      "mood": "Jewel"
    },
    {
      "hex": "#0f766e",
      "name": "Peacock",
      "mood": "Jewel"
    }
  ]
}
Every color in this palette has its own page

Explore the hexes