Lullaby
Meet Lullaby (#CBD4D4), a soft, muted tone that sits at the intersection of gray, green, and blue. Its quiet complexity gives it a unique character, offering a subtle alternative to standard neutrals without demanding attention, making it a distinctive choice for any designer's palette.
What color is Lullaby?
Lullaby is a soft, cool gray with a quiet cyan undertone.
This low-saturation hue has a distinctly cool temperature, giving it a serene, almost silvery appearance.
What is the meaning behind the color Lullaby (#CBD4D4)?
The color Lullaby, #CBD4D4, embodies a sense of quiet and tranquility. Its gentle, muted nature evokes feelings of peace and serenity, creating a soothing atmosphere that encourages rest and calm reflection.
Symbolically, Lullaby represents balance and understated sophistication. It offers a feeling of stability and neutrality, making it a color of quiet assurance rather than overt expression.
How can I use the color Lullaby in my UI design?
In UI design, Lullaby’s low saturation makes it an excellent choice for backgrounds in spacious, minimalist layouts. To maintain accessibility, pair it with dark, legible text—think deep charcoals or navy blues. For accents, a pop of a brighter, complementary color can create a focal point without disturbing the overall calm.
Few major brands feature a color like Lullaby as a primary identifier, which presents a distinct opening. Adopting this shade could help a product build a unique visual identity centered on tranquility and clarity, setting it apart from competitors.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Lullaby (#CBD4D4) in real UI components of top brands.
Using Lullaby color codes
While the hex code #CBD4D4 is the standard for specifying Lullaby on the web, your project might require a different format depending on the medium. Translating this code is a routine part of a designer's workflow, helping to maintain color consistency from screen to print.
Different color models serve specific purposes. RGB values, for instance, are essential for digital screens, defining colors by mixing red, green, and blue light. For print materials, you'll need the CMYK equivalent, which is based on ink colors. Other systems like HSL, LAB, and LCH offer more intuitive ways to adjust color properties, and each model provides a different way to represent the same color for a specific application.
To make things easier, we've converted Lullaby's #CBD4D4 hex code into a variety of popular formats. You can find and copy the exact values for RGB, CMYK, HSL, and more right below.
Analogous
Built from colors adjacent on the color wheel, analogous schemes using Lullaby (#CBD4D4) as a base produce a calm and cohesive visual experience.
Complementary
Sitting opposite on the color wheel, complementary colors create maximum visual tension. Paired with Lullaby, they produce a striking, attention-grabbing effect.
Split Complementary
A split complementary scheme pairs a base color, like Lullaby, with the two colors flanking its direct opposite for a high-contrast, harmonious look.
Triadic
Triadic schemes select three colors from equidistant points on the color wheel. See how Lullaby works in these bold, yet harmonious, color combinations.
Tetradic
Formed by two complementary color pairs, tetradic schemes create a vibrant, rectangular harmony. See how Lullaby anchors these balanced four-color palettes below.
Square
The square color scheme places four colors at equal distances on the color wheel. Starting with Lullaby, this method creates a vivid, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Lullaby, created by mixing in black to add depth and weight.
Tints
Tints are lighter variations of Lullaby, made by mixing in white for a softer effect.
Tones
Tones of Lullaby are created by mixing in gray, producing softer, more subtle hues.
Hues
Hues are variations of Lullaby, sharing its base color but with different intensities or temperatures.
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.


























































































































