Fortune Cookie Complementary Color Scheme

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

#E0C5A1

#F7F0E5

#A1BDE0

#6994CF

#EDF2F8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Fortune Cookie	`#E0C5A1`	224, 197, 161	34°, 50%, 75%	0, 12, 28, 12
White Luxury	`#F7F0E5`	247, 240, 229	37°, 53%, 93%	0, 3, 7, 3
Blair	`#A1BDE0`	161, 189, 224	213°, 50%, 75%	28, 16, 0, 12
Bashful Blue	`#6994CF`	105, 148, 207	215°, 52%, 61%	49, 29, 0, 19
Airport	`#EDF2F8`	237, 242, 248	213°, 44%, 95%	4, 2, 0, 3

Which pairs work for text

Text on background	Contrast	WCAG
Aa #6994CF on #EDF2F8	2.77:1	—
Aa #F7F0E5 on #6994CF	2.75:1	—
Aa #E0C5A1 on #6994CF	1.88:1	—
Aa #A1BDE0 on #EDF2F8	1.72:1	—
Aa #F7F0E5 on #A1BDE0	1.71:1	—
Aa #A1BDE0 on #6994CF	1.61:1	—

CSS variables

:root {
  --color-1: #e0c5a1; /* Fortune Cookie */
  --color-2: #f7f0e5; /* White Luxury */
  --color-3: #a1bde0; /* Blair */
  --color-4: #6994cf; /* Bashful Blue */
  --color-5: #edf2f8; /* Airport */
}

Other schemes from Fortune Cookie

More Light Orange complementary palettes

Questions

What colors go with Fortune Cookie?

In a complementary scheme: White Luxury (#F7F0E5), Blair (#A1BDE0), Bashful Blue (#6994CF), Airport (#EDF2F8).

What is the hex code of Fortune Cookie?

#E0C5A1.