Back to palettes

Palette

Deep Sea Current

A tranquil blend reflecting the mysterious depths and subtle light of the ocean floor.

coolcalm5 colors
More cool palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#0A1931#185A7E#437C90#A2CCB6#DDEBF0

Palette guide

How to use Deep Sea Current

Overview

The Deep Sea Current palette offers a tranquil blend reflecting the mysterious depths and subtle light of the ocean floor. It transitions from the profound #0A1931 to the clear aqua of #185A7E and the muted #437C90. The palette brightens considerably with the serene #A2CCB6, a soft teal-green, and culminates in the ethereal, almost white #DDEBF0. This collection is perfect for designers seeking a calming, refreshing, and highly versatile aesthetic, capable of evoking peace and clarity. It’s excellent for creating interfaces that feel spacious and inviting.

Best used for

  • Wellness and meditation apps
  • Eco-friendly product branding
  • Coastal living websites
  • Educational content (nature)
  • Serene home decor inspiration
  • Clean and modern web interfaces

Suggested color roles

primary

#0A1931 (The deepest blue, ideal for foundational backgrounds or main structural elements, conveying calm.)

secondary

#185A7E (A clear aqua, suitable for headings, important links, or secondary UI elements.)

accent

#DDEBF0 (The lightest, almost white blue, perfect for highlights, active states, or ethereal calls to action.)

background

#DDEBF0 (Provides a light, airy, and refreshing canvas, enhancing the cooler, deeper tones.)

text

#0A1931 (Excellent for primary body text on light backgrounds like #DDEBF0. For headings, #185A7E provides a clear, readable option.)

Accessibility notes

  • #0A1931 and #185A7E provide strong contrast against #DDEBF0 and #A2CCB6, making them suitable for body text.
  • Ensure #437C90 has sufficient contrast when used as text on #DDEBF0.
  • Avoid using #A2CCB6 for text on #DDEBF0, as contrast will likely be insufficient.
  • The progression from dark to light ensures good visual hierarchy and accessibility when used thoughtfully.

Recommended combinations

Deep Tranquility

Deep, calming blues for backgrounds and structural elements.

#0A1931 · #185A7E · #437C90

Shallow Light

Light, airy blues and greens for headers, cards, or light-filled sections.

#A2CCB6 · #DDEBF0 · #437C90

Clear Horizon

Strong contrast for clear readability and highlighting key information, evoking openness.

#0A1931 · #DDEBF0 · #185A7E

CSS variables

:root {
  --deep-sea-current-1: #0A1931;
  --deep-sea-current-2: #185A7E;
  --deep-sea-current-3: #437C90;
  --deep-sea-current-4: #A2CCB6;
  --deep-sea-current-5: #DDEBF0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deep-sea-current": {
        1: "#0A1931",
        2: "#185A7E",
        3: "#437C90",
        4: "#A2CCB6",
        5: "#DDEBF0",
      }
    }
  }
}

Related searches

serene blue green palettecalm ocean colorslight and deep blue schememodern clean ui designeco friendly web colors

Palette colors

Hex values

Color 1#0A1931
·
Color 2#185A7E
·
Color 3#437C90
·
Color 4#A2CCB6
·
Color 5#DDEBF0
·

Accessibility

Contrast checker

1
2
3
4
5
1
2.3:1Fail
3.8:1AA18
9.9:1AAA
14.4:1AAA
2
2.3:1Fail
1.6:1Fail
4.2:1AA18
6.1:1AA
3
3.8:1AA18
1.6:1Fail
2.6:1Fail
3.8:1AA18
4
9.9:1AAA
4.2:1AA18
2.6:1Fail
1.5:1Fail
5
14.4:1AAA
6.1:1AA
3.8:1AA18
1.5:1Fail

Similar palettes

More like Deep Sea Current

View all cool
Abyssal Current Glide
Cerulean Horizon Dive
Cobalt Ocean Depths
Cobalt Tidepool
Deep Ocean Dream
Ocean Depth Mysteries