Mayon Mist
A cool pale blue with grey depth
Mayon Mist is an incredibly pale, bleached blue with strong grey undertones. Because it offers a clean, neutral presence, it works best as a primary background for minimalist UI designs where white feels too harsh. This shade provides enough contrast for black text to remain legible. The hex code for this color is #e1e6f0. Pair it with soft charcoal grays for a polished, professional look.
About Mayon Mist
Frost on a window that almost melted
What does mayon mist mean?
This pale blue-grey often suggests quiet mornings, clean linens, winter light, and a softness that stays just short of plain white. At 91 percent lightness with only a whisper of blue, it feels airy and washed out, like color viewed through fog.
Where you see mayon mist
- morning frost on glass
- pale porcelain dinnerware
- fog over a lake
- fresh snow in open shade
- light grey cotton sheets
- a white shirt washed too many times
What it works for
It works as a background that reads cooler than white, for app panels, stationery, walls, and calm minimal layouts.
What colors go with mayon mist?
Charcoal #36454fThe deep grey keeps things neutral while giving this faint blue something solid to rest against.Terracotta #e2725bWarm baked orange balances the cool cast without stealing the palette.Sage Green #9caf88Both are muted and low contrast, so the pairing stays soft and natural.Navy #000080The near white lights navy's depth and sharpens its blue at the same time.Mustard #ffdb58A small dose of dark yellow keeps this washed pale tone from feeling flat.
Questions about Mayon Mist
What is the hex code for Mayon Mist?
Mayon Mist is #e1e6f0. In RGB that is rgb(225, 230, 240), in HSL hsl(220, 33%, 91%) and in CMYK 6%, 4%, 0%, 6%.
How does Mayon Mist #e1e6f0 compare to standard white?
Mayon Mist functions as a sophisticated, soft alternative to pure white because its blue-grey undertones reduce screen glare while maintaining a clean appearance. It provides a subtle layer of depth, making text and UI elements feel grounded rather than floating on a stark background.
Is Mayon Mist readable on white or black?
Mayon Mist has a 1.25:1 contrast ratio on white and 16.77:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.