Build your own palette
Palette · 5 colors
Ocean, Cobalt, Midnight, and 2 more
A 5-color cool palette leaning dark, spanning azure, blue, cyan.
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
- OceanOcean (#0369A1). A deep azure with a cool character. See its palette, tints, shades, complementary and analogous harmonies, plus related hex codes.
- CobaltCobalt (#1E3A8A). A deep azure with a cool character. See its palette, tints, shades, complementary and analogous harmonies, plus related hex codes.
- MidnightMidnight (#0F172A). A deep azure with a cool character. See its palette, tints, shades, complementary and analogous harmonies, plus related hex codes.
- SapphireSapphire (#1E40AF). A true blue with a jewel character. See its palette, tints, shades, complementary and analogous harmonies, plus related hex codes.
- PeacockPeacock (#0F766E). A deep cyan with a jewel character. See its palette, tints, shades, complementary and analogous harmonies, plus related hex codes.