#831E8B
#87228F
#323948
#FFFFFF

True Winter Harbor Current

True Winter Harbor Current is a cool high contrast palette built with violet pink, blue, white tones. Copy the HEX codes, download the palette image, save it to your collection, or open related palettes below.

Image Link Copy
#831E8B
Violet pink
#87228F
Violet pink
#323948
Blue
#FFFFFF
White
MoodColor moodA palette built from its color balance.
ContrastHigh contrastHelps decide how to use text, buttons, and backgrounds.
Main tonesviolet pink, blue, whiteThe strongest color families in this palette.
Best fitDesign useUseful for web, brand, and social layouts.

Related Palettes

#232E43
#49627F
#7F95B1
#E8E9E5
Winter Beach Wave Colorway
Link CopyImage
#132755
#363156
#E8FAFF
#C91A27
Winter Fresh Story Colorway
Link CopyImage
#182028
#52152D
#08434E
#B0E2E4
Winter Bloom Palette Colorway
Link CopyImage
#080808
#FFFFFF
#FF2D8D
#4214AB
Winter Rust Mood Colorway
Link CopyImage
#08101C
#FFFFFF
#083D6E
#087FBE
Winter Olive Horizon Colorway
Link CopyImage
#0D0D0D
#FDFFFF
#751733
#085548
Winter Emerald Splash Colorway
Link CopyImage
#313E89
#4A7CE1
#9DD4E5
#D8EFEE
Winter Ruby Dream Colorway
Link CopyImage
#080808
#2B4555
#FF8735
#F2F4F8
Winter Frost Vista Colorway
Link CopyImage
#1F2A3F
#455E7B
#7B91AD
#E4E5E1
Winter Maple Glow Colorway
Link CopyImage
#0F2351
#322D52
#E4F6FF
#C51623
Winter Autumn Journal Colorway
Link CopyImage
#141C24
#4E1129
#043F4A
#ACDEE0
Winter Winter Whisper Colorway
Link CopyImage
#040404
#FFFFFF
#FB2989
#3E10A7
Winter Spring Waltz Colorway
Link CopyImage

Use this palette for

Pairing tips

Background

Use #FFFFFF for soft sections, cards, or open space.

Text and headings

Use #87228F or a deeper nearby shade for readable type.

Accent color

Use #323948 for buttons, labels, icons, or small highlights.

CSS variables

:root {
  --palette-color-1: #831E8B;
  --palette-color-2: #87228F;
  --palette-color-3: #323948;
  --palette-color-4: #FFFFFF;
}

True Winter Harbor Current colour names and contrast

Every value on this page is calculated from this palette's own HEX codes. The closest CSS named colour tells you what to call each shade, relative luminance shows how light or dark it truly is, and the contrast table shows which pairs are safe to set text in.

Swatch reference

SwatchClosest named colourMatchLuminanceHue
#831E8BDark Magenta61 RGB pts0.076296°
#87228FRebecca Purple60 RGB pts0.083296°
#323948Charcoal27 RGB pts0.041221°
#FFFFFFWhite0 RGB pts1.000

Contrast ratios (WCAG 2.1)

Colour pairRatioBody textLarge text
#323948 on #FFFFFF11.57:1AAAAAA
#831E8B on #FFFFFF8.32:1AAAAAA
#87228F on #FFFFFF7.91:1AAAAAA
#87228F on #3239481.46:1failfail
#831E8B on #3239481.39:1failfail
#831E8B on #87228F1.05:1failfail

What this means in practice

FAQ

What type of palette is True Winter Harbor Current?

It is a cool high contrast color palette with violet pink, blue, white tones.

Can this palette work for websites?

Yes. Use the lightest color for backgrounds, deeper colors for text, and mid tones for buttons or accents. Check the contrast table above before setting body copy.

Can I copy the HEX colors?

Yes. Use the copy buttons for the full palette or for a single color row.

Copied