Huebook

Toxic Latte Tetradic Color Scheme

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

#E1F8E7
#E5E5FA
#FDE1F0
#F7F3E0
#EBF8EF

Color names and codes

NameHEXRGBHSLCMYK
Toxic Latte#E1F8E7225, 248, 231136°, 62%, 93%9, 0, 7, 3
Lavender Mist#E5E5FA229, 229, 250240°, 68%, 94%8, 8, 0, 2
Pale Blossom#FDE1F0253, 225, 240328°, 88%, 94%0, 11, 5, 1
Lively White#F7F3E0247, 243, 22450°, 59%, 92%0, 2, 9, 3
Soft Petals#EBF8EF235, 248, 239138°, 48%, 95%5, 0, 4, 3

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E5E5FA on #EBF8EF1.14:1—
Aa #FDE1F0 on #EBF8EF1.12:1—
Aa #E5E5FA on #F7F3E01.11:1—
Aa #E1F8E7 on #E5E5FA1.11:1—
Aa #FDE1F0 on #F7F3E01.10:1—
Aa #E1F8E7 on #FDE1F01.09:1—

CSS variables

:root {
  --color-1: #e1f8e7; /* Toxic Latte */
  --color-2: #e5e5fa; /* Lavender Mist */
  --color-3: #fde1f0; /* Pale Blossom */
  --color-4: #f7f3e0; /* Lively White */
  --color-5: #ebf8ef; /* Soft Petals */
}

Other schemes from Toxic Latte

More Very Light Green tetradic palettes

Questions

What colors go with Toxic Latte?

In a tetradic scheme: Lavender Mist (#E5E5FA), Pale Blossom (#FDE1F0), Lively White (#F7F3E0), Soft Petals (#EBF8EF).

What is the hex code of Toxic Latte?

#E1F8E7.