Majorelle Blue
Meet Majorelle Blue (#6050DC), a striking shade that sits confidently between violet and cobalt. Its intense saturation and digital-first vibrancy give it a luminous quality, making it a standout choice for designers seeking a bold, contemporary feel without the harshness of pure electric blue.
What color is Majorelle Blue?
Majorelle Blue is a deep, electric blue with strong violet undertones.
Its high saturation gives it a vivid quality, sitting on the cooler side of the spectrum yet carrying a subtle warmth from its red values.
What is the meaning of Majorelle Blue?
Named for the French artist Jacques Majorelle, this vivid cobalt blue is famously tied to his botanical garden in Marrakech.
It suggests artistic confidence and worldly sophistication, inspiring feelings of creative passion, energy, and depth.
What are some practical ways to incorporate Majorelle Blue (#6050DC) into a UI design?
Majorelle Blue (#6050DC) is a strong choice for primary actions like buttons and links, standing out against neutral backgrounds. For a sophisticated palette, pair it with soft grays and off-whites. If you want more energy, introduce a warm accent like ochre or a muted coral. Consider the 60-30-10 rule, using Majorelle Blue as your 30% secondary color to support a neutral base.
Shades similar to Majorelle Blue appear in the branding of several modern tech companies. You can spot its influence in the interfaces of products like Loom, Frame.io, and Uxcel, where it often communicates innovation and reliability. Its adoption by these brands points to its effectiveness in creating a memorable user experience.
Use the tools below to explore curated palettes, test color contrast for accessibility, and preview Majorelle Blue in real UI components from top brands.
Using Majorelle Blue color codes
To use Majorelle Blue in your digital projects, start with its hex code: #6050DC. This six-digit code is the standard web format that tells browsers and design software exactly what shade to display.
Depending on your project's needs, you might need to convert #6050DC into other color models. For instance, RGB values are essential for anything displayed on a screen, while CMYK is the standard for printed materials. Other models like HSL offer a more intuitive way to make adjustments by separating hue, saturation, and lightness.
To make things easier, we've converted Majorelle Blue's #6050DC hex code into a variety of popular formats. You can find and copy the exact values you need for your work below.
Analogous
Sitting next to each other on the color wheel, analogous colors produce a serene and cohesive look when used alongside Majorelle Blue.
Complementary
Complementary colors sit opposite each other on the color wheel. When paired with Majorelle Blue, they create a high-contrast, visually striking effect.
Split Complementary
A split complementary scheme for Majorelle Blue pairs it with the two colors adjacent to its direct complement, offering high contrast with added nuance.
Triadic
Triadic color schemes use three hues evenly spaced on the color wheel. For Majorelle Blue, this creates a vibrant, high-contrast, and balanced palette.
Tetradic
A tetradic color scheme for Majorelle Blue uses four colors arranged into two complementary pairs, creating a rich and vibrant palette.
Square
The square color scheme selects four colors at equal distances around the color wheel, offering a balanced yet highly contrasting palette for Majorelle Blue.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Majorelle Blue are made by adding black, giving the color more depth and weight.
Tints
By mixing white with Majorelle Blue, you create tints—lighter variations that add softness.
Tones
Tones of Majorelle Blue are created by adding gray, resulting in a softer, desaturated appearance.
Hues
Hues are variations of Majorelle Blue, differing in intensity and 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.
