Huebook

Fondant Triadic Color Scheme

Five colors arranged by the triadic rule around Fondant (#F4E2CF), each snapped to its nearest named color.

#F4E2CF
#CEF2E4
#E8CEF6
#F8F1EB
#8BE0BA

Color names and codes

NameHEXRGBHSLCMYK
Fondant#F4E2CF244, 226, 20731°, 63%, 88%0, 7, 15, 4
Light Shutterbug#CEF2E4206, 242, 228157°, 58%, 88%15, 0, 6, 5
Mousse aux Pruneaux#E8CEF6232, 206, 246279°, 69%, 89%6, 16, 0, 4
Shea#F8F1EB248, 241, 23528°, 48%, 95%0, 3, 5, 3
Sprig of Mint#8BE0BA139, 224, 186153°, 58%, 71%38, 0, 17, 12

Which pairs work for text

Text on backgroundContrastWCAG
Aa #F8F1EB on #8BE0BA1.39:1—
Aa #CEF2E4 on #8BE0BA1.30:1—
Aa #E8CEF6 on #F8F1EB1.29:1—
Aa #F4E2CF on #8BE0BA1.23:1—
Aa #CEF2E4 on #E8CEF61.20:1—
Aa #F4E2CF on #E8CEF61.14:1—

CSS variables

:root {
  --color-1: #f4e2cf; /* Fondant */
  --color-2: #cef2e4; /* Light Shutterbug */
  --color-3: #e8cef6; /* Mousse aux Pruneaux */
  --color-4: #f8f1eb; /* Shea */
  --color-5: #8be0ba; /* Sprig of Mint */
}

Other schemes from Fondant

More Very Light Orange triadic palettes

Questions

What colors go with Fondant?

In a triadic scheme: Light Shutterbug (#CEF2E4), Mousse aux Pruneaux (#E8CEF6), Shea (#F8F1EB), Sprig of Mint (#8BE0BA).

What is the hex code of Fondant?

#F4E2CF.