What Colors Go with Mist Mint? Color Pairing Examples That Make the Most of Its Refreshing Pale Tone [#E3F2EC]
Mist Mint (in HEX, a web color code that begins with #, #E3F2EC) is a very light, softened mint color. In an internal presentation deck, using it for a cover band, section dividers, or key-point boxes can make the most of its refreshing pale tone while keeping information feeling light and organized. This example pairs it with deep teal, warm white, and deep rose brown.
Anchor the text with deep teal and add contrast to key points with reddish brown
With #E3F2EC, one option is #2F4B43, called deep teal here, for headings and body text; warm white #FBFCFA for the main slide background; and #6E4D4A, called deep rose brown here, for important figures and conclusions.
#2F4B43 is a dark blue-green, so it stays relatively close to Mist Mint in hue (the basic family of color, such as red, blue, or green) while creating a strong lightness difference. #FBFCFA is close to white, making it useful for slides with photos or charts where you want generous visual breathing room. #6E4D4A is a subdued reddish brown that sits farther from mint in hue, so using it only for important figures or conclusions can create a focal point without making the whole deck feel cold or repetitive.
Use Mist Mint for section dividers and key-point boxes in a presentation
Set regular slide backgrounds to #FBFCFA, and use #2F4B43 for headings, body text, and chart labels. The contrast ratio (a measure of the relative brightness difference between foreground and background colors) is about 9.24:1.
For section-divider bands and key-point boxes such as “Conclusion” or “What to check next,” use #E3F2EC as the background with #2F4B43 text. The contrast ratio is about 8.23:1, so dark text remains clear even on the pale mint background.
For a sales ratio, completion rate, or another figure that should stand out within a slide, use #6E4D4A. Against #FBFCFA, its contrast ratio is about 7.23:1, and against #E3F2EC it is about 6.44:1. The same accent can also work for a short conclusion heading or an important chart label.
Regular slide background: #FBFCFA / Headings and body text: #2F4B43
Section dividers and key-point boxes: #E3F2EC / Text: #2F4B43
Important figures and conclusion accents: #6E4D4A
If the presentation is implemented as content viewed on the web, WCAG (Web Content Accessibility Guidelines) 2.2 requires a contrast ratio of at least 4.5:1 for normal-size text. Meaningful non-text information, such as graphic shapes or chart lines needed to understand the content, uses a 3:1 minimum against adjacent colors.
To preserve the refreshing feel, avoid spreading pale mint everywhere
#E3F2EC against #FBFCFA has a contrast ratio of about 1.12:1, and against #FFFFFF it is about 1.16:1. Because those colors are so close in lightness, a pale mint fill alone is not a good way to define the boundary of an important key-point box, and white text on Mist Mint is also too low in contrast for normal-size text. Add a #2F4B43 heading or border when the separation needs to be clear.
Rather than using Mist Mint as the background of every slide, reserve it for section dividers, key points, and summaries where you want the visual rhythm to change. This helps preserve its refreshing character. In HueRoll, you can enter #E3F2EC and review related colors, palette suggestions, and the selected color’s contrast with white and black. HueRoll does not compare arbitrary pairs of colors or automatically judge WCAG AA or AAA conformance, so the two-color ratios shown in this article were calculated separately.