PalettesDeep Sea Blue

Palette

Deep Sea Blue

A spectrum from midnight blue to steel and slate hints at ocean depths and stormy twilight.

Color analysis

Palette profile

This 10-color palette is cool-led with a vivid character and moderate tonal range. Its internal colors provide 5 pairs at or above the 4.5:1 contrast target for normal text.

Temperature

Cool-led

Color character

Vivid

Lightness span

53%

Accessible pairs

5 / 45

Colors

Blue 0466C8#0466C8A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(4, 102, 200)HSLhsl(210, 96.1%, 40%)CMYKcmyk(98%, 49%, 0%, 21.6%)LABlab(43.79, 13.8, -57.6)

Blue 0353A4#0353A4A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(3, 83, 164)HSLhsl(210.2, 96.4%, 32.7%)CMYKcmyk(98.2%, 49.4%, 0%, 35.7%)LABlab(35.76, 11.58, -49.45)

Blue 023E7D#023E7DA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(2, 62, 125)HSLhsl(210.7, 96.9%, 24.9%)CMYKcmyk(98.4%, 50.4%, 0%, 51%)LABlab(26.56, 9.34, -40.44)

Blue 002855#002855A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(0, 40, 85)HSLhsl(211.8, 100%, 16.7%)CMYKcmyk(100%, 52.9%, 0%, 66.7%)LABlab(16.37, 7.12, -30.94)

Blue 001845#001845A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(0, 24, 69)HSLhsl(219.1, 100%, 13.5%)CMYKcmyk(100%, 65.2%, 0%, 72.9%)LABlab(9.66, 11.96, -30.85)

Black 001233#001233A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(0, 18, 51)HSLhsl(218.8, 100%, 10%)CMYKcmyk(100%, 64.7%, 0%, 80%)LABlab(6.07, 7.18, -23.79)

Blue 33415C#33415CA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(51, 65, 92)HSLhsl(219.5, 28.7%, 28%)CMYKcmyk(44.6%, 29.3%, 0%, 63.9%)LABlab(27.45, 2.35, -17.84)

Blue 5C677D#5C677DA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(92, 103, 125)HSLhsl(220, 15.2%, 42.5%)CMYKcmyk(26.4%, 17.6%, 0%, 51%)LABlab(43.44, 1.16, -13.64)

Gray 7D8597#7D8597A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(125, 133, 151)HSLhsl(221.5, 11.1%, 54.1%)CMYKcmyk(17.2%, 11.9%, 0%, 40.8%)LABlab(55.45, 1, -10.61)

Gray 979DAC#979DACA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(151, 157, 172)HSLhsl(222.9, 11.2%, 63.3%)CMYKcmyk(12.2%, 8.7%, 0%, 32.5%)LABlab(64.7, 0.94, -8.52)

Meaning

Winter

Psychology

TrustClarityDepthAuthorityCalmPrecision

Usage

Seasonal UI ThemesPromo Layouts

Blue 0466C8

#0466C8

Black text

3.74:1AA Large

White text

5.62:1AA

Support

Blue 0353A4

#0353A4

Black text

2.78:1Fail

White text

7.56:1AAA

Support

Blue 023E7D

#023E7D

Black text

1.99:1Fail

White text

10.56:1AAA

Accent

Blue 002855

#002855

Black text

1.43:1Fail

White text

14.64:1AAA

Support

Blue 001845

#001845

Black text

1.22:1Fail

White text

17.26:1AAA

Anchor

Black 001233

#001233

Black text

1.13:1Fail

White text

18.51:1AAA

Support

Blue 33415C

#33415C

Black text

2.05:1Fail

White text

10.24:1AAA

Support

Blue 5C677D

#5C677D

Black text

3.69:1AA Large

White text

5.69:1AA

Support

Gray 7D8597

#7D8597

Black text

5.67:1AA

White text

3.70:1AA Large

Surface

Gray 979DAC

#979DAC

Black text

7.73:1AAA

White text

2.72:1Fail

Best internal combinations

The strongest foreground and background pairs found inside this palette.

Sample text

#001233 on #979DAC6.82:1 · AA

Sample text

#001845 on #979DAC6.36:1 · AA

Sample text

#002855 on #979DAC5.39:1 · AA

Sample text

#001233 on #7D85975.00:1 · AA

Sample text

#001845 on #7D85974.66:1 · AA

Color vision previews

Approximate simulations help reveal swatches that may become difficult to distinguish.

Protanopia

Reduced sensitivity to red light.

Deuteranopia

Reduced sensitivity to green light.

Tritanopia

Reduced sensitivity to blue light.

Achromatopsia

A grayscale approximation without hue perception.

CSS variables

Copy this palette as reusable custom properties for a design system or prototype.

:root {
  --palette-1: #0466C8;
  --palette-2: #0353A4;
  --palette-3: #023E7D;
  --palette-4: #002855;
  --palette-5: #001845;
  --palette-6: #001233;
  --palette-7: #33415C;
  --palette-8: #5C677D;
  --palette-9: #7D8597;
  --palette-10: #979DAC;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

More palettes load automatically as you continue scrolling.