Back to palettes

Palette

Cobalt Arctic Depth

Intense blues reflecting the chilling, profound depths of polar waters and ice caves.

cooldark5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Cobalt Arctic Depth reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Cobalt Arctic Depth.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#003366#005A9C#008AC9#33A1DB#001A33

Palette guide

How to use Cobalt Arctic Depth

Overview

The Cobalt Arctic Depth palette delivers intense, chilling blues that reflect the profound depths of polar waters and ice caves. Ranging from the almost-black #001A33 to the bright #33A1DB, this palette is designed for projects that demand a cool, crisp, and powerful aesthetic. Designers can effectively use #005A9C as a dominant primary color, while #008AC9 offers a vibrant mid-tone for dynamic elements. The darkest hue, #003366, provides a strong, stable base. This palette is ideal for creating designs that communicate precision, technology, vastness, and a touch of stark beauty, from modern branding to digital interfaces.

Best used for

  • High-performance sports equipment branding
  • Tech and software development company websites
  • Winter sports apparel design
  • Environmental research organizations (polar focus)
  • Luxury yacht and marine industry visuals
  • Data visualization dashboards

Suggested color roles

primary

#005A9C - A deep, commanding blue, excellent for main headings, core branding, or critical call-to-action buttons, conveying strength and reliability.

secondary

#008AC9 - A brighter, more active blue, suitable for subheadings, interactive states, or supporting graphic elements, adding energy.

accent

#33A1DB - A vivid, almost electric blue that provides a sharp contrast, ideal for highlighting key information, alerts, or urgent interactive elements.

background

#001A33 - An extremely dark, deep navy, providing a sophisticated, immersive backdrop that makes the brighter blues appear more luminous.

text

For text on #001A33 or #003366, use #33A1DB or white for maximum readability. For text on #33A1DB, use black or #001A33.

Accessibility notes

  • Ensure sufficient contrast when using #33A1DB for text on darker blues like #001A33 or #003366.
  • Avoid placing #005A9C text on #003366 backgrounds for small text due to potential contrast issues; aim for higher contrast.
  • The bright #33A1DB provides excellent contrast against all darker blues for interactive elements and highlights.
  • When using #33A1DB as a background, ensure text is in a contrasting dark color like black or a very dark blue.

Recommended combinations

Ice Flow

Creates a dynamic, high-contrast interface; #001A33 as background, #005A9C for content, #33A1DB for vibrant accents/CTAs.

#001A33 · #005A9C · #33A1DB

Polar Shimmer

Use #003366 for main sections, #008AC9 for supporting elements, and #33A1DB for striking highlights or active states.

#003366 · #008AC9 · #33A1DB

Deep Freeze

Ideal for creating depth through gradients or layered UI components, moving from deepest to mid-tone for a cohesive look.

#001A33 · #003366 · #005A9C

CSS variables

:root {
  --cobalt-arctic-depth-1: #003366;
  --cobalt-arctic-depth-2: #005A9C;
  --cobalt-arctic-depth-3: #008AC9;
  --cobalt-arctic-depth-4: #33A1DB;
  --cobalt-arctic-depth-5: #001A33;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "cobalt-arctic-depth": {
        1: "#003366",
        2: "#005A9C",
        3: "#008AC9",
        4: "#33A1DB",
        5: "#001A33",
      }
    }
  }
}

Related searches

arctic blue color palettedeep cool blue brandingtech blue color schemeswinter ocean colorsdynamic blue UI

Palette colors

Hex values

Color 1#003366
·
Color 2#005A9C
·
Color 3#008AC9
·
Color 4#33A1DB
·
Color 5#001A33
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.3:1AA18
4.4:1AA18
1.4:1Fail
2
1.8:1Fail
1.9:1Fail
2.5:1Fail
2.5:1Fail
3
3.3:1AA18
1.9:1Fail
1.3:1Fail
4.6:1AA
4
4.4:1AA18
2.5:1Fail
1.3:1Fail
6.1:1AA
5
1.4:1Fail
2.5:1Fail
4.6:1AA
6.1:1AA

Similar palettes

More like Cobalt Arctic Depth

View all cool
Arctic Ocean Depths
Bioluminescent Abyss
Cobalt Abyss Depths
Deep Sea Phytoplankton
Midnight Ocean Trench
Ocean Deep Currents