Fondue

#fdf5c4

Creamy warm-gray with mellow butter lightness

Save
Share

About Fondue

Fondue sits in that narrow band where you've got actual yellow presence without it reading as intentional. It's richer than but doesn't broadcast the way does, there's a softness here, a muted saturation that lets it work as either a background or a secondary element depending on what you pair it with.

Reach for this in publishing platforms, financial dashboards, and SaaS interfaces where you need warmth that doesn't feel like a choice you have to defend. It works behind form fields and body copy, inside card-based layouts, on content sites where pure white feels too austere but you're not ready to commit to something obviously yellow. Unlike Bullet Hell, which tips neutral-warm, Fondue actually reads as yellow, just a quiet, almost apologetic version of it.

The real trick: it's darker than its siblings, which means contrast issues will hit faster if your text isn't dark enough. Pair it with actual charcoal or black, and it stays approachable. Go too light on the copy and you'll lose readability quicker than you'd expect from something this pale.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
1.10:1Fail

On Gray 100 #f5f5f5

Aa
1.01:1Fail

On Gray 900 #18181b

Aa
16.06:1AAA

On Black #000000

Aa
19.03:1AAA

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Fondue

Open the generator with this color pre-loaded.

Start creating