Misty Harbour
Misty Harbour (#C0D2CC) is a soft, grayish-green notable for its understated character. The color’s desaturated quality and subtle complexity create a quiet visual strength, making it a fascinating point of interest for any designer’s work.
What color is Misty Harbour?
Misty Harbour is a soft, muted green with a cool temperature. It carries noticeable gray and blue undertones, giving it a sophisticated, atmospheric quality.
Visually, it presents as a pale, desaturated cyan-green. Its low saturation mutes any potential vibrancy, resulting in a calm and reserved appearance reminiscent of a gentle seafoam.
What is the meaning of the color Misty Harbour (#C0D2CC)?
Misty Harbour (#C0D2CC) evokes the quiet serenity of a fog-laden coastline, suggesting tranquility and a moment of calm introspection.
Symbolically, it represents clarity and renewal, embodying the peaceful pause before a new beginning or creative endeavor.
How can I effectively use Misty Harbour in my UI design?
Misty Harbour (#C0D2CC) works beautifully as a calming background or a subtle accent color. For text and key elements, pair it with deep charcoals or navy blues to guarantee readability. To create more dynamic focal points, introduce a single, vibrant complementary color like a warm coral or a rich ochre, which will stand out against the serene base.
While not a dominant color in corporate branding, shades similar to Misty Harbour appear in the product interfaces of companies like Zendesk, often to create a soft, approachable user experience. Its relative rarity can be an advantage, offering a unique identity that stands apart from the usual bold primary colors.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Misty Harbour in real UI components from top brands.
Using Misty Harbour color codes?
Working with Misty Harbour starts with its digital identifier, the hex code #C0D2CC. This code is your go-to for web design, CSS, and most screen-based applications, specifying the exact shade for any digital canvas.
Different projects, however, require different color models. For instance, RGB (Red, Green, Blue) values are fundamental for digital displays, while CMYK (Cyan, Magenta, Yellow, Key/Black) is the standard for printed materials. Other models like HSL (Hue, Saturation, Lightness) offer more intuitive ways to adjust and create color variations.
To help you apply Misty Harbour across any medium, we've converted #C0D2CC into a full spectrum of color codes. You can find and copy the exact values for RGB, CMYK, HSL, and more below.
Analogous
Analogous palettes are formed by selecting colors directly next to Misty Harbour on the color wheel, creating a gentle and unified visual harmony.
Complementary
Complementary colors are opposites on the color wheel. When paired with Misty Harbour, these hues create a striking, high-contrast visual effect.
Split Complementary
A split complementary scheme for Misty Harbour pairs it with the two colors adjacent to its direct complement, offering a vibrant yet balanced palette.
Triadic
Triadic palettes are formed by three colors evenly spaced on the color wheel. See how Misty Harbour works in these vibrant, high-contrast combinations.
Tetradic
A tetradic color scheme uses two pairs of complementary colors. Here, Misty Harbour is paired with three other shades to create a rich, four-color palette.
Square
A square color scheme uses four evenly spaced colors on the color wheel, creating a vibrant, high-contrast palette built around Misty Harbour.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Misty Harbour, created by adding black for more depth and weight.
Tints
Tints of Misty Harbour are lighter variations created by adding white for a softer feel.
Tones
Tones of Misty Harbour are created by adding gray, resulting in softer, muted variations.
Hues
Hues are variations of Misty Harbour's base color, differing in intensity or temperature.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.

























































































































