North Atlantic Complementary Color Scheme

Five colors arranged by the complementary rule around North Atlantic (#5E7B7F), each snapped to its nearest named color.

#5E7B7F

#84AEBA

#885A55

#583D37

#B88F88

Color names and codes

Name	HEX	RGB	HSL	CMYK
North Atlantic	`#5E7B7F`	94, 123, 127	187°, 15%, 43%	26, 3, 0, 50
Sebastian Inlet	`#84AEBA`	132, 174, 186	193°, 28%, 62%	29, 6, 0, 27
Red Willow	`#885A55`	136, 90, 85	6°, 23%, 43%	0, 34, 38, 47
Rich Loam	`#583D37`	88, 61, 55	11°, 23%, 28%	0, 31, 37, 65
Ponder	`#B88F88`	184, 143, 136	9°, 25%, 63%	0, 22, 26, 28

Which pairs work for text

Text on background	Contrast	WCAG
Aa #84AEBA on #583D37	4.09:1	AA large
Aa #583D37 on #B88F88	3.43:1	AA large
Aa #84AEBA on #885A55	2.40:1	—
Aa #5E7B7F on #583D37	2.16:1	—
Aa #885A55 on #B88F88	2.01:1	—
Aa #5E7B7F on #84AEBA	1.89:1	—

CSS variables

:root {
  --color-1: #5e7b7f; /* North Atlantic */
  --color-2: #84aeba; /* Sebastian Inlet */
  --color-3: #885a55; /* Red Willow */
  --color-4: #583d37; /* Rich Loam */
  --color-5: #b88f88; /* Ponder */
}

Other schemes from North Atlantic

More Medium Teal complementary palettes

Questions

What colors go with North Atlantic?

In a complementary scheme: Sebastian Inlet (#84AEBA), Red Willow (#885A55), Rich Loam (#583D37), Ponder (#B88F88).

What is the hex code of North Atlantic?

#5E7B7F.