Mango Cheesecake
#fbedda
Warm peachy gray for inviting, low-contrast UI
About Mango Cheesecake
Think of a mango cheesecake slice photographed under soft indoor light. That's the vibe here: Mango Cheesecake is a very light gray with a peach-mango warmth, but it stays hushed, not creamy. It has more color than Long Beach's faint blush, and it doesn't drift toward the golden insistence of Beaches of Cancun. Compared to Award Winning White, it's less "almost pure," more tinted, so the gray base is easier to spot at a glance.
I use it when the UI needs to feel warmer than pure white without looking off-white, and when you want a noticeable tint behind subtle surfaces and big typography. Great for consumer banking receipts, loyalty screens, e-commerce product rails, and editorial landing pages where you want a cozy background that still behaves like gray next to charcoal text.
Pair it with slightly cooler grays for balance, or with warm neutrals if the imagery already runs golden. If your display boosts skin-tone warmth, the peach side can get stronger than you expect, so test with your real screenshots.
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.
