Nougat Tetradic Color Scheme

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

#AE8A78

#87AE73

#7B9DAD

#A47BAC

#D6C3B9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Nougat	`#AE8A78`	174, 138, 120	20°, 25%, 58%	0, 21, 31, 32
Sage	`#87AE73`	135, 174, 115	100°, 27%, 57%	22, 0, 34, 32
Cool Dusk	`#7B9DAD`	123, 157, 173	199°, 23%, 58%	29, 9, 0, 32
Design Delight	`#A47BAC`	164, 123, 172	290°, 23%, 58%	5, 28, 0, 33
New Wool	`#D6C3B9`	214, 195, 185	21°, 26%, 78%	0, 9, 14, 16

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A47BAC on #D6C3B9	2.06:1	—
Aa #AE8A78 on #D6C3B9	1.84:1	—
Aa #7B9DAD on #D6C3B9	1.70:1	—
Aa #87AE73 on #D6C3B9	1.48:1	—
Aa #87AE73 on #A47BAC	1.39:1	—
Aa #AE8A78 on #87AE73	1.24:1	—

CSS variables

:root {
  --color-1: #ae8a78; /* Nougat */
  --color-2: #87ae73; /* Sage */
  --color-3: #7b9dad; /* Cool Dusk */
  --color-4: #a47bac; /* Design Delight */
  --color-5: #d6c3b9; /* New Wool */
}

Other schemes from Nougat

More Medium Orange tetradic palettes

Questions

What colors go with Nougat?

In a tetradic scheme: Sage (#87AE73), Cool Dusk (#7B9DAD), Design Delight (#A47BAC), New Wool (#D6C3B9).

What is the hex code of Nougat?

#AE8A78.