Promenade Complementary Color Scheme

Five colors arranged by the complementary rule around Promenade (#F8F6DF), each snapped to its nearest named color.

#F8F6DF

#FAF9EA

#D8E1F1

#ACACE6

#EEE9F9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Promenade	`#F8F6DF`	248, 246, 223	55°, 64%, 92%	0, 1, 10, 3
Stately White	`#FAF9EA`	250, 249, 234	56°, 62%, 95%	0, 0, 6, 2
Aquarelle Purple	`#D8E1F1`	216, 225, 241	218°, 47%, 90%	10, 7, 0, 5
Maximum Blue Purple	`#ACACE6`	172, 172, 230	240°, 54%, 79%	25, 25, 0, 10
Bright Dusk	`#EEE9F9`	238, 233, 249	259°, 57%, 95%	4, 6, 0, 2

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FAF9EA on #ACACE6	2.02:1	—
Aa #F8F6DF on #ACACE6	1.96:1	—
Aa #ACACE6 on #EEE9F9	1.80:1	—
Aa #D8E1F1 on #ACACE6	1.63:1	—
Aa #FAF9EA on #D8E1F1	1.24:1	—
Aa #F8F6DF on #D8E1F1	1.21:1	—

CSS variables

:root {
  --color-1: #f8f6df; /* Promenade */
  --color-2: #faf9ea; /* Stately White */
  --color-3: #d8e1f1; /* Aquarelle Purple */
  --color-4: #acace6; /* Maximum Blue Purple */
  --color-5: #eee9f9; /* Bright Dusk */
}

Other schemes from Promenade

More Very Light Yellow complementary palettes

Questions

What colors go with Promenade?

In a complementary scheme: Stately White (#FAF9EA), Aquarelle Purple (#D8E1F1), Maximum Blue Purple (#ACACE6), Bright Dusk (#EEE9F9).

What is the hex code of Promenade?

#F8F6DF.