Back to palettes

Palette

Deep Sea Discovery

Captures the mysterious tranquility of unexplored oceanic depths, featuring various shades of blue and deep green.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deep Sea Discovery 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 Sea Discovery.

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

Data visualization

#1A334B#2A5F6E#5E8B99#A6DCE6#444466

Palette guide

How to use Deep Sea Discovery

Overview

The Deep Sea Discovery palette captures the mysterious tranquility of unexplored oceanic depths, featuring various shades of blue and deep green. It transitions from the profound #1A334B to the intriguing teal-blue #2A5F6E and the softer #5E8B99. The ethereal #A6DCE6, a light aqua, evokes moments of clarity and discovery, while the deep, grounding #444466, a dark blue-grey, adds a touch of sophistication and mystery. This palette is ideal for designers seeking a calm, intelligent, and subtly dramatic aesthetic, perfect for conveying exploration and knowledge.

Best used for

  • Educational science platforms
  • Documentary film branding
  • Tech innovation websites
  • Environmental research organizations
  • Serene mobile app interfaces
  • Abstract corporate presentations

Suggested color roles

primary

#1A334B (A deep, anchoring blue, ideal for foundational backgrounds or main structural elements, conveying stability.)

secondary

#2A5F6E (An intriguing teal-blue, suitable for headings, important links, or secondary UI elements.)

accent

#A6DCE6 (The lightest, ethereal aqua, perfect for highlights, active states, or subtle calls to action, mimicking discovery.)

background

#1A334B (Provides an immersive, dark, and sophisticated backdrop, enhancing the lighter colors.)

text

#A6DCE6 (Excellent for primary text on dark backgrounds, ensuring clear readability and a soft, luminous quality.)

Accessibility notes

  • #A6DCE6 provides strong contrast against #1A334B, #2A5F6E, and #444466, making it suitable for body text and interactive elements.
  • Ensure #5E8B99 has sufficient contrast when used as text on #1A334B or #2A5F6E.
  • Avoid using #444466 for text on #1A334B due to potentially insufficient contrast.
  • The variety of cool tones allows for clear visual hierarchy when used thoughtfully.

Recommended combinations

Deep Exploration

Deep, harmonious blues and grey for backgrounds and structural elements, conveying mystery.

#1A334B · #2A5F6E · #444466

Moment of Clarity

Lighter blues and aqua for headers, cards, or light-filled sections, evoking discovery.

#5E8B99 · #A6DCE6 · #2A5F6E

Subtle Drama

Strong contrast for clear readability and highlighting key information, with a sophisticated touch.

#1A334B · #A6DCE6 · #444466

CSS variables

:root {
  --deep-sea-discovery-1: #1A334B;
  --deep-sea-discovery-2: #2A5F6E;
  --deep-sea-discovery-3: #5E8B99;
  --deep-sea-discovery-4: #A6DCE6;
  --deep-sea-discovery-5: #444466;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-discovery": {
        1: "#1A334B",
        2: "#2A5F6E",
        3: "#5E8B99",
        4: "#A6DCE6",
        5: "#444466",
      }
    }
  }
}

Related searches

deep teal blue palettemysterious ocean discoverycalm corporate colorseducational web designsophisticated cool tones

Palette colors

Hex values

Color 1#1A334B
·
Color 2#2A5F6E
·
Color 3#5E8B99
·
Color 4#A6DCE6
·
Color 5#444466
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3.5:1AA18
8.6:1AAA
1.4:1Fail
2
1.8:1Fail
1.9:1Fail
4.7:1AA
1.3:1Fail
3
3.5:1AA18
1.9:1Fail
2.5:1Fail
2.5:1Fail
4
8.6:1AAA
4.7:1AA
2.5:1Fail
6.2:1AA
5
1.4:1Fail
1.3:1Fail
2.5:1Fail
6.2:1AA

Similar palettes

More like Deep Sea Discovery

View all cool
Azure Ocean Current
Coastal Tide Pool
Oceanic Jellyfish Swirl
Abyssal Blue Descent
Aegean Coast Whisper
Aqua Marine Vista