Hyacinth Mist
Meet Hyacinth Mist (#CBCBE6), a soft, muted lavender that balances subtlety with a distinct presence. Its gentle gray undertone gives it a sophisticated, almost atmospheric quality, making it a compelling choice for modern digital interfaces where clarity and a touch of character are key.
What color is Hyacinth Mist?
Hyacinth Mist is a delicate, cool-toned pastel that sits at the intersection of lavender and periwinkle, carrying a distinct violet-blue hue.
Its low saturation gives it a grayish, misty appearance, preventing it from becoming overly sweet and lending it a more reserved, sophisticated character.
What is the meaning of Hyacinth Mist (#CBCBE6) in design?
Hyacinth Mist (#CBCBE6) evokes a sense of serene contemplation and quiet creativity. The color speaks to gentleness and a dreamy, ethereal quality, making it symbolic of imagination and introspection.
Psychologically, this soft hue promotes tranquility and a feeling of peace. It carries a subtle nod to the historical prestige of purple, but presents it as a modern, understated form of elegance rather than overt luxury.
How can I use Hyacinth Mist in my UI design?
In UI design, Hyacinth Mist (#CBCBE6) shines as a subtle background or a gentle accent. To ensure readability, pair it with dark, saturated text—think deep charcoals or navy blues. For a harmonious palette, consider pairing it with analogous blues and other purples, or create a soft, inviting look with complementary pale yellows and sage greens.
While not a dominant color in the branding world, you can see shades similar to Hyacinth Mist used by companies like Squarespace for a clean, modern feel. Its relative rarity presents an opportunity; incorporating it can help a product feel distinct and sophisticated, setting it apart from competitors who rely on more common blues and grays.
To see how Hyacinth Mist works in practice, use the tools below. You can explore curated palettes, check color contrast for accessibility standards, and even preview #CBCBE6 applied to UI components from well-known apps.
Using Hyacinth Mist color codes
Using Hyacinth Mist in your projects starts with its digital identifier, the hex code #CBCBE6. While this is standard for web development, you'll often need to translate it into other color models depending on your medium or workflow.
For instance, RGB values are fundamental for screen-based designs, defining the intensity of red, green, and blue light. If you're preparing assets for print, you'll need the CMYK equivalent, which specifies ink proportions for cyan, magenta, yellow, and black. Other models like HSL (Hue, Saturation, Lightness) offer a more intuitive way to make adjustments.
To get you started, we've converted Hyacinth Mist (#CBCBE6) into a full spectrum of color codes. Simply find the format you need below and copy it directly into your design tool.
Analogous
Analogous colors sit side-by-side on the color wheel. With Hyacinth Mist, this combination produces a cohesive and tranquil visual experience for users.
Complementary
Complementary colors sit opposite each other on the color wheel. For Hyacinth Mist, its complement creates a striking, high-contrast visual pairing.
Split Complementary
The split complementary palette for Hyacinth Mist pairs it with the two colors adjacent to its complement for a sophisticated, high-contrast combination.
Triadic
Triadic color schemes use three hues evenly spaced on the color wheel. Based on Hyacinth Mist, this approach creates a vibrant, high-contrast palette.
Tetradic
Tetradic color schemes pair two sets of complementary colors for a vibrant effect. Here are some palettes built around our base, Hyacinth Mist.
Square
A square color scheme uses four colors equidistant on the color wheel. This arrangement creates a vibrant, high-contrast palette with Hyacinth Mist as a base.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are made by mixing black into Hyacinth Mist, producing a deeper and heavier color.
Tints
Tints are lighter variations of Hyacinth Mist, made by adding white for a softer effect.
Tones
Tones of Hyacinth Mist are created by adding gray, which softens the color’s saturation.
Hues
Hues are variations of Hyacinth Mist, differing in intensity or temperature to create distinct moods.
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.

























































































































