Palette

Blue Lagoon

Electric blue rushes into ocean azure, sapphire depths, with midnight blue and mysterious ink-black.

Color analysis

Palette profile

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

Temperature

Cool-led

Color character

Vivid

Lightness span

41%

Accessible pairs

2 / 10

Colors

Blue 00A6FB#00A6FBA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(0, 166, 251)HSLhsl(200.3, 100%, 49.2%)CMYKcmyk(100%, 33.9%, 0%, 1.6%)LABlab(65.15, -5.44, -52.02)

Blue 0582CA#0582CAA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(5, 130, 202)HSLhsl(201.9, 95.2%, 40.6%)CMYKcmyk(97.5%, 35.6%, 0%, 20.8%)LABlab(52.13, -2.84, -45.4)

Blue 006494#006494A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(0, 100, 148)HSLhsl(199.5, 100%, 29%)CMYKcmyk(100%, 32.4%, 0%, 42%)LABlab(40, -6.12, -33.1)

Blue 003554#003554A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(0, 53, 84)HSLhsl(202.1, 100%, 16.5%)CMYKcmyk(100%, 36.9%, 0%, 67.1%)LABlab(20.77, -2.76, -23.23)

Black 051923#051923A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(5, 25, 35)HSLhsl(200, 75%, 7.8%)CMYKcmyk(85.7%, 28.6%, 0%, 86.3%)LABlab(7.67, -3.82, -9.34)

Meaning

WinterWater

Psychology

TrustClarityDepthAuthorityCalmPrecision

Usage

Seasonal UI ThemesPromo LayoutsProduct DashboardsTravel Brands

Blue 00A6FB

#00A6FB

Black text

7.85:1AAA

White text

2.68:1Fail

Support

Blue 0582CA

#0582CA

Black text

5.05:1AA

White text

4.16:1AA Large

Support

Blue 006494

#006494

Black text

3.25:1AA Large

White text

6.46:1AA

Accent

Blue 003554

#003554

Black text

1.64:1Fail

White text

12.83:1AAA

Anchor

Black 051923

#051923

Black text

1.17:1Fail

White text

17.95:1AAA

Best internal combinations

The strongest foreground and background pairs found inside this palette.

Sample text

#051923 on #00A6FB6.71:1 · AA

Sample text

#003554 on #00A6FB4.79: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: #00A6FB;
  --palette-2: #0582CA;
  --palette-3: #006494;
  --palette-4: #003554;
  --palette-5: #051923;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

More palettes load automatically as you continue scrolling.