PalettesSilent Waters

Palette

Silent Waters

Dewy blues and weathered gray merge into a hushed palette, like drifting fog on silent waters.

Color analysis

Palette profile

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

Temperature

Cool-led

Color character

Balanced

Lightness span

75%

Accessible pairs

4 / 10

Accessibility and contrast

Contrast is measured against black and white for every swatch. AA starts at 4.5:1 for normal text, while AAA starts at 7:1.

Surface · Accent

Turquoise E0FBFC

#E0FBFC

Black text
19.37:1AAA
White text
1.08:1Fail

Support

Turquoise C2DFE3

#C2DFE3

Black text
14.96:1AAA
White text
1.40:1Fail

Support

Blue 9DB4C0

#9DB4C0

Black text
9.72:1AAA
White text
2.16:1Fail

Support

Gray 5C6B73

#5C6B73

Black text
3.81:1AA Large
White text
5.52:1AA

Anchor

Blue 253237

#253237

Black text
1.59:1Fail
White text
13.21:1AAA
Best internal combinations

The strongest foreground and background pairs found inside this palette.

Sample text
#253237 on #E0FBFC12.18:1 · AAA
Sample text
#253237 on #C2DFE39.41:1 · AAA
Sample text
#253237 on #9DB4C06.11:1 · AA
Sample text
#5C6B73 on #E0FBFC5.09: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: #E0FBFC;
  --palette-2: #C2DFE3;
  --palette-3: #9DB4C0;
  --palette-4: #5C6B73;
  --palette-5: #253237;
}

Similar palettes

Related combinations keep loading automatically as you continue scrolling.

More palettes load automatically as you continue scrolling.