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.

Dusk Cloud
#696F70
Copy
Copied
Access our full UI & UX library today.
Join for free

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.

Dusk Cloud Code Conversions

HEX
#696F70
Copy
Copied
LAB
34.74, -20.85, 14.42
Copy
Copied
RGB
53, 90, 58
Copy
Copied
XYZ
5.89, 8.37, 5.31
Copy
Copied
HSL
128°, 26%, 28%
Copy
Copied
LCH
34.74, 25.35, 145.33°
Copy
Copied
HSB
128°, 41%, 35%
Copy
Copied
LUV
34.74, -7.15, 19.17
Copy
Copied
CMYK
41%, 0%, 36%, 65%
Copy
Copied
HWB
128°, 21%, 65%
Copy
Copied

Dusk Cloud Color Harmonies

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.

#123456
#123456
#123456

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.

#123456
#123456

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.

#123456
#123456
#123456

Triadic

A triadic scheme pairs Dusk Cloud with two other colors, all equidistant on the color wheel, for a bold and harmonious visual effect.

#123456
#123456
#123456

Tetradic

Tetradic schemes pair Dusk Cloud with three other colors, forming two complementary pairs on the color wheel for a balanced yet vibrant palette.

#123456
#123456
#123456
#123456

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.

#123456
#123456
#123456
#123456

Dusk Cloud Color Variations

Shades

Shades are darker versions of Dusk Cloud, made by adding black to create depth and weight.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tints

Tints are lighter versions of Dusk Cloud, created by adding white for a softer feel.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Tones

Tones of Dusk Cloud are created by adding gray, resulting in softer, less saturated versions.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

Hues

Hues are variations of Dusk Cloud, differing in intensity and temperature from the base color.

#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied
#123456
Copy
Copied

What Interfaces Use Colors Like Dusk Cloud?

No items found.
Keep the inspiration going with Mobbin
Join for free
No items found.

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.

Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Nike
Brand Logo Image
Pinterest
Logo Image
Coinbase
Wise Logo Image
Wise
Headspace Logo Image
Headspace
Airbnb Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Coinbase
Brand Logo Image
Wise
Brand Logo Image
Headspace
Brand Logo Image
Airbnb
Brand Logo Image
Uber
Brand Logo Image
Nike
Brand Logo Image
Pinterest
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Mailchimp
Brand Logo Image
Twitch
Brand Logo Image
Chatgpt
Brand Logo Image
Klarna
Brand Logo Image
Loom
Brand Logo Image
Creme
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion
Brand Logo Image
Dropbox
Brand Logo Image
Spotify
Brand Logo Image
Apple TV
Brand Logo Image
Shop
Brand Logo Image
Cosmos
Brand Logo Image
Retro
Brand Logo Image
Notion