Dusk Cloud
Introducing Dusk Cloud (#696F70), a muted gray with a quiet complexity. This color stands out for its subtle balance of cool and warm tones, creating a sophisticated neutral that provides depth and character without overwhelming a design.
What color is Dusk Cloud?
Dusk Cloud is a deep, cool-toned gray with a subtle complexity.
Its near-neutrality is tinged with faint blue and green undertones, giving it the quiet character of a stormy sky just after sunset.
What is the meaning of the color Dusk Cloud (#696F70)?
Dusk Cloud embodies the quiet transition between day and night. This shade of gray suggests balance, neutrality, and a moment of calm introspection, much like watching clouds gather at twilight.
Psychologically, it conveys a sense of stability, sophistication, and reliability. The color #696F70 is grounded and professional, symbolizing strength and permanence without being overpowering.
How can I use Dusk Cloud in my next UI design project?
Dusk Cloud (#696F70) is a versatile neutral that excels as a background for lighter content or as a subtle text color on near-white surfaces. For effective visual hierarchy, pair it with soft pastels or a single, bold accent color to guide the user's eye without creating harsh visual noise.
While not a widely adopted corporate color, its rarity is its strength. Brands like Zero Play use similar shades to project a modern, understated confidence. Choosing Dusk Cloud can help a design feel distinct and sophisticated.
You can use the tools below to explore curated palettes, test color contrast for accessibility, and preview Dusk Cloud in real UI components of top brands.
Using Dusk Cloud color codes
Working with Dusk Cloud starts with its hex code, #696F70, but that's just one of its many identities. Depending on your project—whether it's for a screen or for print—you'll need to use a different code to ensure color accuracy across mediums.
For digital work, you'll use the RGB value, which defines color for screens. For print projects, the CMYK equivalent is essential for physical reproduction. Other models like HSL offer a more intuitive way to adjust color properties directly in code.
To help you get started, we've converted Dusk Cloud's #696F70 hex code into a range of popular formats below. Simply find the code you're looking for and copy it directly into your design tool.
Analogous
Analogous colors are neighbors on the color wheel. Paired with Dusk Cloud, they build harmonious and visually pleasing palettes that feel calm and composed.
Complementary
Complementary colors sit opposite each other on the color wheel. When paired with Dusk Cloud, its complement creates a dynamic, high-contrast visual relationship.
Split Complementary
A split complementary scheme for Dusk Cloud pairs it with the two colors adjacent to its direct complement, offering high contrast with more nuance.
Triadic
A triadic scheme pairs Dusk Cloud with two other colors, all equidistant on the color wheel, for a bold and harmonious visual effect.
Tetradic
Tetradic schemes pair Dusk Cloud with three other colors, forming two complementary pairs on the color wheel for a balanced yet vibrant palette.
Square
Square color schemes use four colors evenly spaced on the color wheel. Based on Dusk Cloud, these palettes offer rich, balanced, and high-contrast combinations.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades are darker versions of Dusk Cloud, made by adding black to create depth and weight.
Tints
Tints are lighter versions of Dusk Cloud, created by adding white for a softer feel.
Tones
Tones of Dusk Cloud are created by adding gray, resulting in softer, less saturated versions.
Hues
Hues are variations of Dusk Cloud, differing in intensity and temperature from the base color.
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.



























































































































