PalettesMystic Waters

Palette

Mystic Waters

Midnight teal, misty blues, and sandy beige paint a calming, mysterious scene reminiscent of the sea.

Color analysis

Palette profile

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

Temperature

Cool-led

Color character

Balanced

Lightness span

80%

Accessible pairs

3 / 10

Colors

Black 031926#031926A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(3, 25, 38)HSLhsl(202.3, 85.4%, 8%)CMYKcmyk(92.1%, 34.2%, 0%, 85.1%)LABlab(7.72, -3.16, -11.52)

Turquoise 468189#468189A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(70, 129, 137)HSLhsl(187.2, 32.4%, 40.6%)CMYKcmyk(48.9%, 5.8%, 0%, 46.3%)LABlab(50.46, -16.93, -10.29)

Turquoise 77ACA2#77ACA2A defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(119, 172, 162)HSLhsl(168.7, 24.2%, 57.1%)CMYKcmyk(30.8%, 0%, 5.8%, 32.5%)LABlab(66.55, -19.66, -0.45)

Turquoise 9DBEBB#9DBEBBA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(157, 190, 187)HSLhsl(174.5, 20.2%, 68%)CMYKcmyk(17.4%, 0%, 1.6%, 25.5%)LABlab(74.56, -11.68, -2.18)

Yellow F4E9CD#F4E9CDA defining swatch in this palette, useful for UI accents, branding systems, and visual direction.RGBrgb(244, 233, 205)HSLhsl(43.1, 63.9%, 88%)CMYKcmyk(0%, 4.5%, 16%, 4.3%)LABlab(92.54, -0.8, 14.95)

Meaning

Water

Psychology

DepthAuthorityFreshnessSimplicityMovementEnergy

Usage

Product DashboardsTravel Brands

Black 031926

#031926

Black text

1.17:1Fail

White text

17.93:1AAA

Support

Turquoise 468189

#468189

Black text

4.76:1AA

White text

4.41:1AA Large

Support

Turquoise 77ACA2

#77ACA2

Black text

8.21:1AAA

White text

2.56:1Fail

Support

Turquoise 9DBEBB

#9DBEBB

Black text

10.52:1AAA

White text

2.00:1Fail

Surface

Yellow F4E9CD

#F4E9CD

Black text

17.38:1AAA

White text

1.21:1Fail

Best internal combinations

The strongest foreground and background pairs found inside this palette.

Sample text

#031926 on #F4E9CD14.85:1 · AAA

Sample text

#031926 on #9DBEBB8.98:1 · AAA

Sample text

#031926 on #77ACA27.01:1 · AAA

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: #031926;
  --palette-2: #468189;
  --palette-3: #77ACA2;
  --palette-4: #9DBEBB;
  --palette-5: #F4E9CD;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

More palettes load automatically as you continue scrolling.