Deep Ocean

5 colors · Clarity, innovation and modernity
← All palettes

Palette colors

Dodger Blue
#023E8A · rgb(2,62,138) · hsl(214°,97%,27%)
Teal Blue
#0077B6 · rgb(0,119,182) · hsl(201°,100%,36%)
Vivid Cyan
#0096C7 · rgb(0,150,199) · hsl(195°,100%,39%)
Vivid Cyan
#00B4D8 · rgb(0,180,216) · hsl(190°,100%,42%)
Pale Cyan
#90E0EF · rgb(144,224,239) · hsl(189°,75%,75%)

CSS Code


    

Using the Deep Ocean palette in design

The Deep Ocean palette evokes clarity, innovation and modernity. It consists of 5 colors selected for their visual harmony. Use it for web interfaces, print materials, presentations or visual identities. The dominant color Dodger Blue (#023E8A) can serve as primary color, with the following hues as secondary and neutral variants. Copy the HEX codes or CSS variables directly into your Figma, Tailwind or stylesheet project.

Psychology and usage of the palette

In color psychology, a palette evoking clarity, innovation and modernity directly influences the emotional perception of your audience. The 5 colors of the Deep Ocean palette are arranged in a harmonious progression — ideal for backgrounds, typography and interface elements. Always check the WCAG contrast of your text on each of these colors to ensure accessibility.

Information
Average color
#1D93C3
Colors 5
Dom. hue 197°
Avg. saturation 74%
Avg. lightness 44%
Tone Dark
Quick export