Huebook

Polar Tetradic Color Scheme

Five colors arranged by the tetradic rule around Polar (#E5F2E7), each snapped to its nearest named color.

#E5F2E7
#E5E8F2
#EFE2F2
#F1EEE4
#EFF5F1

Color names and codes

NameHEXRGBHSLCMYK
Polar#E5F2E7229, 242, 231129°, 33%, 92%5, 0, 5, 5
Whisper Blue#E5E8F2229, 232, 242226°, 33%, 92%5, 4, 0, 5
Sheer Lavender#EFE2F2239, 226, 242289°, 38%, 92%1, 7, 0, 5
Atrium White#F1EEE4241, 238, 22846°, 32%, 92%0, 1, 5, 5
Heavy Sugar#EFF5F1239, 245, 241140°, 23%, 95%2, 0, 2, 4

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EFE2F2 on #EFF5F11.13:1—
Aa #E5E8F2 on #EFF5F11.11:1—
Aa #E5F2E7 on #EFE2F21.08:1—
Aa #EFE2F2 on #F1EEE41.07:1—
Aa #E5F2E7 on #E5E8F21.06:1—
Aa #E5E8F2 on #F1EEE41.05:1—

CSS variables

:root {
  --color-1: #e5f2e7; /* Polar */
  --color-2: #e5e8f2; /* Whisper Blue */
  --color-3: #efe2f2; /* Sheer Lavender */
  --color-4: #f1eee4; /* Atrium White */
  --color-5: #eff5f1; /* Heavy Sugar */
}

Other schemes from Polar

More Very Light Green tetradic palettes

Questions

What colors go with Polar?

In a tetradic scheme: Whisper Blue (#E5E8F2), Sheer Lavender (#EFE2F2), Atrium White (#F1EEE4), Heavy Sugar (#EFF5F1).

What is the hex code of Polar?

#E5F2E7.