Thundercloud Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Thundercloud (#698589), each snapped to its nearest named color.

#263032

#475A5E

#698589

#96ACAB

#BCCBCE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Navy Black	`#263032`	38, 48, 50	190°, 14%, 17%	24, 4, 0, 80
Iron Forge	`#475A5E`	71, 90, 94	190°, 14%, 32%	24, 4, 0, 63
Thundercloud	`#698589`	105, 133, 137	187°, 13%, 47%	23, 3, 0, 46
Grey Mist	`#96ACAB`	150, 172, 171	177°, 12%, 63%	13, 0, 1, 33
Sleepy Blue	`#BCCBCE`	188, 203, 206	190°, 16%, 77%	9, 1, 0, 19

Which pairs work for text

Text on background	Contrast	WCAG
Aa #263032 on #BCCBCE	8.10:1	AAA
Aa #263032 on #96ACAB	5.66:1	AA
Aa #475A5E on #BCCBCE	4.35:1	AA large
Aa #263032 on #698589	3.43:1	AA large
Aa #475A5E on #96ACAB	3.04:1	AA large
Aa #698589 on #BCCBCE	2.36:1	—

CSS variables

:root {
  --color-1: #263032; /* Navy Black */
  --color-2: #475a5e; /* Iron Forge */
  --color-3: #698589; /* Thundercloud */
  --color-4: #96acab; /* Grey Mist */
  --color-5: #bccbce; /* Sleepy Blue */
}

Other schemes from Thundercloud

More Medium Teal monochromatic palettes

Questions

What colors go with Thundercloud?

In a monochromatic scheme: Navy Black (#263032), Iron Forge (#475A5E), Grey Mist (#96ACAB), Sleepy Blue (#BCCBCE).

What is the hex code of Thundercloud?

#698589.