Huebook

Warm White Analogous Color Scheme

Five colors arranged by the analogous rule around Warm White (#EFEBD8), each snapped to its nearest named color.

#F0D6DD
#EEDED8
#EFEBD8
#E5EFD7
#DCEEDB

Color names and codes

NameHEXRGBHSLCMYK
Pineberry#F0D6DD240, 214, 221344°, 46%, 89%0, 11, 8, 6
Apricot Foam#EEDED8238, 222, 21616°, 39%, 89%0, 7, 9, 7
Warm White#EFEBD8239, 235, 21650°, 42%, 89%0, 2, 10, 6
Translucent Vision#E5EFD7229, 239, 21585°, 43%, 89%4, 0, 10, 6
Dewmist Delight#DCEEDB220, 238, 219117°, 36%, 90%8, 0, 8, 7

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F0D6DD on #E5EFD71.15:1—
Aa #F0D6DD on #EFEBD81.14:1—
Aa #F0D6DD on #DCEEDB1.13:1—
Aa #EEDED8 on #E5EFD71.10:1—
Aa #EEDED8 on #EFEBD81.09:1—
Aa #EEDED8 on #DCEEDB1.08:1—

CSS variables

:root {
  --color-1: #f0d6dd; /* Pineberry */
  --color-2: #eeded8; /* Apricot Foam */
  --color-3: #efebd8; /* Warm White */
  --color-4: #e5efd7; /* Translucent Vision */
  --color-5: #dceedb; /* Dewmist Delight */
}

Other schemes from Warm White

More Very Light Yellow analogous palettes

Questions

What colors go with Warm White?

In a analogous scheme: Pineberry (#F0D6DD), Apricot Foam (#EEDED8), Translucent Vision (#E5EFD7), Dewmist Delight (#DCEEDB).

What is the hex code of Warm White?

#EFEBD8.