Shipwreck Monochromatic Color Scheme

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

#45392F

#6D6053

#968772

#B8AC9E

#D7D3CA

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Batch Brew	`#45392F`	69, 57, 47	27°, 19%, 23%	0, 17, 32, 73	35.4% 0.024 62
Introspective	`#6D6053`	109, 96, 83	30°, 14%, 38%	0, 12, 24, 57	49.8% 0.026 67
Shipwreck	`#968772`	150, 135, 114	35°, 15%, 52%	0, 10, 24, 41	63.1% 0.035 76
Tapestry Beige	`#B8AC9E`	184, 172, 158	32°, 15%, 67%	0, 7, 14, 28	75.1% 0.024 72
Light Ghosting	`#D7D3CA`	215, 211, 202	42°, 14%, 82%	0, 2, 6, 16	86.8% 0.013 87

Which pairs work for text

Text on background	Contrast	WCAG
Aa #45392F on #D7D3CA	7.48:1	AAA
Aa #45392F on #B8AC9E	5.02:1	AA
Aa #6D6053 on #D7D3CA	4.08:1	AA large
Aa #45392F on #968772	3.20:1	AA large
Aa #6D6053 on #B8AC9E	2.74:1	—
Aa #968772 on #D7D3CA	2.34:1	—

CSS variables

:root {
  --color-1: #45392f; /* Batch Brew */
  --color-2: #6d6053; /* Introspective */
  --color-3: #968772; /* Shipwreck */
  --color-4: #b8ac9e; /* Tapestry Beige */
  --color-5: #d7d3ca; /* Light Ghosting */
}

Other schemes from Shipwreck

More medium orange monochromatic color schemes

Questions

What colors go with Shipwreck?

In a monochromatic scheme: Batch Brew (#45392F), Introspective (#6D6053), Tapestry Beige (#B8AC9E), Light Ghosting (#D7D3CA).

What is the hex code of Shipwreck?

#968772.