Gruyère Cheese
#f5deb3
Cheese-warm pale yellow-green for soft, grounded sections
About Gruyère Cheese
Gruyère Cheese reads like a cream base that's been cut with a little light malt. It has that pale, dusty warmth, but it doesn't carry the assertive yellow punch of Butter Up, and it's not as whisper-soft as Butter Muffin or Belgian Waffle.
I use it when I want warmth that stays obedient in layout. It's great for product pages, publishing and editorial templates, and light SaaS UI where you need a cream background that feels friendly without turning into a focal point. You get a more grounded feel than Cloud of Cream style neutrals, but with less saturation than the waffle and muffin tones.
Quirk: put it next to true white and it holds its identity. Drop it onto a busy photo and it can blend in, so pair it with charcoal or deeper greens to keep the separation clean.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
