Firewatch Monochromatic Color Scheme

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

#AA3311

#E75323

#EE8866

#F2BDA8

#FBEEE8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Shakshuka	`#AA3311`	170, 51, 17	13°, 82%, 37%	0, 70, 90, 33
Scorpio Scarlet Seal	`#E75323`	231, 83, 35	15°, 80%, 52%	0, 64, 85, 9
Firewatch	`#EE8866`	238, 136, 102	15°, 80%, 67%	0, 43, 57, 7
Sun-Kissed Apricot	`#F2BDA8`	242, 189, 168	17°, 74%, 80%	0, 22, 31, 5
Rose White	`#FBEEE8`	251, 238, 232	19°, 70%, 95%	0, 5, 8, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #AA3311 on #FBEEE8	5.80:1	AA
Aa #AA3311 on #F2BDA8	3.96:1	AA large
Aa #E75323 on #FBEEE8	3.27:1	AA large
Aa #AA3311 on #EE8866	2.62:1	—
Aa #E75323 on #F2BDA8	2.23:1	—
Aa #EE8866 on #FBEEE8	2.22:1	—

CSS variables

:root {
  --color-1: #aa3311; /* Shakshuka */
  --color-2: #e75323; /* Scorpio Scarlet Seal */
  --color-3: #ee8866; /* Firewatch */
  --color-4: #f2bda8; /* Sun-Kissed Apricot */
  --color-5: #fbeee8; /* Rose White */
}

Other schemes from Firewatch

More Light Red monochromatic palettes

Questions

What colors go with Firewatch?

In a monochromatic scheme: Shakshuka (#AA3311), Scorpio Scarlet Seal (#E75323), Sun-Kissed Apricot (#F2BDA8), Rose White (#FBEEE8).

What is the hex code of Firewatch?

#EE8866.