Back to palettes

Palette

Deep Arctic Current

A progression of deep, icy blues reflecting the silent power of a cold arctic current.

monochromecalm5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Arctic Current 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 Deep Arctic Current.

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

Data visualization

#1A4761#3B6B8A#6E9BC1#A3CCEB#0F2E3F

Palette guide

How to use Deep Arctic Current

Overview

The Deep Arctic Current palette presents a serene, monochromatic journey through cool blues, reminiscent of the silent power of polar waters. With deep #0F2E3F, balanced #3B6B8A, and light #A3CCEB, this collection offers a sophisticated and calming aesthetic. Designers can build clean, professional interfaces, while developers will find its consistent tonal range ideal for creating subtle depth and clear visual hierarchies in UI. This palette is perfectly suited for projects that aim for a tranquil, trustworthy, and modern feel.

Best used for

  • Corporate and tech branding
  • Healthcare and wellness apps
  • Environmental project websites
  • Clean and minimalist UI design
  • Winter-themed digital content
  • Professional presentations

Suggested color roles

primary

Utilize #0F2E3F as a strong, grounding base for primary branding, navigation, or dark mode interfaces.

secondary

Apply #3B6B8A for supporting content, sub-headers, or secondary buttons, maintaining coherence.

accent

Highlight key information or interactive elements with #6E9BC1, offering a clear, yet subtle, focal point.

background

The pale #A3CCEB provides a clean, airy background, while #0F2E3F can be used for a deep, immersive experience.

text

On light backgrounds, #0F2E3F offers crisp readability. For dark backgrounds, white or a very light gray ensures clarity.

Accessibility notes

  • Ensure sufficient contrast for text on mid-tone blues like #3B6B8A and #6E9BC1.
  • Verify that #A3CCEB used as background has ample contrast with any overlaying text or icons.
  • Prioritize #0F2E3F for primary text on lighter backgrounds to meet WCAG AA standards.
  • Interactive elements should clearly stand out, especially when using lighter blues for accents.

Recommended combinations

Icy Depths

Ideal for creating a sense of depth and professionalism in headers or footer areas.

#0F2E3F · #1A4761 · #3B6B8A

Cool Gradient

Excellent for subtle gradients in backgrounds or UI elements, promoting a calm flow.

#3B6B8A · #6E9BC1 · #A3CCEB

Arctic Contrast

Provides a balanced contrast for main content areas, ensuring readability and visual interest.

#1A4761 · #A3CCEB · #6E9BC1

CSS variables

:root {
  --deep-arctic-current-1: #1A4761;
  --deep-arctic-current-2: #3B6B8A;
  --deep-arctic-current-3: #6E9BC1;
  --deep-arctic-current-4: #A3CCEB;
  --deep-arctic-current-5: #0F2E3F;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-arctic-current": {
        1: "#1A4761",
        2: "#3B6B8A",
        3: "#6E9BC1",
        4: "#A3CCEB",
        5: "#0F2E3F",
      }
    }
  }
}

Related searches

deep blue monochrome palettearctic blue hex codescool water color schemeserene blue UI designcorporate blue tones

Palette colors

Hex values

Color 1#1A4761
·
Color 2#3B6B8A
·
Color 3#6E9BC1
·
Color 4#A3CCEB
·
Color 5#0F2E3F
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3.4:1AA18
5.9:1AA
1.4:1Fail
2
1.7:1Fail
1.9:1Fail
3.4:1AA18
2.5:1Fail
3
3.4:1AA18
1.9:1Fail
1.7:1Fail
4.8:1AA
4
5.9:1AA
3.4:1AA18
1.7:1Fail
8.4:1AAA
5
1.4:1Fail
2.5:1Fail
4.8:1AA
8.4:1AAA

Similar palettes

More like Deep Arctic Current

View all monochrome
Azure Depths Gradient
Azure Ripple Effect
Deep Azure Plunge
Foggy Shore Serene
Azure Sky Grayscale
Cobalt Flow