Back to palettes

Palette

Dusky Cloud Blanket

A soft and enveloping palette mimicking the gentle, diffused light of an overcast, tranquil sky.

neutralcalm5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Dusky Cloud Blanket reads on buttons, badges, and alerts before you commit.

This alert border and accent use the palette's detail color.

Marketing banner

Launch

Built with Dusky Cloud Blanket.

A bolder treatment that stretches the primary and secondary colors across a full gradient banner.

Data visualization

#6A6E77#8A8D93#A5A5A5#C0C0C0#DCDCDC

Palette guide

How to use Dusky Cloud Blanket

Overview

The "Dusky Cloud Blanket" palette is a soft and enveloping collection mimicking the gentle, diffused light of an overcast, tranquil sky. This neutral gray scale features a deep charcoal #6A6E77, a medium gray #8A8D93, a classic gray #A5A5A5, a light silver #C0C0C0, and a very light gray #DCDCDC. It's ideal for designs seeking a minimalist, calm, and understated aesthetic, providing a sense of quiet sophistication. Designers can utilize this palette for corporate branding, clean digital interfaces, or contemporary architectural presentations. Developers will find these hex codes excellent for creating harmonious user experiences that convey professionalism, clarity, and a soothing visual environment.

Best used for

  • Minimalist web and mobile application design
  • Corporate websites and professional branding
  • Architectural or interior design portfolios
  • High-tech product interfaces (e.g., smart home devices)
  • Photography showcasing textures or subtle details
  • Clean, modern editorial layouts

Suggested color roles

primary

#8A8D93 - A medium gray, excellent for main content areas, headers, or to establish a clean, neutral base.

secondary

#6A6E77 - A deep charcoal, perfect for strong headings, important information, or to add grounded depth.

accent

#A5A5A5 - A classic gray, ideal for subtle highlights, interactive states, or to provide delicate visual interest.

background

#DCDCDC - The lightest gray, offering an expansive, clean, and airy canvas that enhances content.

text

#333333 (charcoal) - A strong dark charcoal provides excellent readability against the lighter grays. For dark backgrounds, use #DCDCDC or white.

Accessibility notes

  • For text on #DCDCDC and #C0C0C0, use #6A6E77 or #8A8D93 for sufficient contrast.
  • When using #6A6E77 or #8A8D93 as backgrounds, use #DCDCDC or pure white for text readability.
  • Avoid using #A5A5A5 as text on #C0C0C0 due to potential low contrast, especially for small fonts.
  • Always test contrast ratios for interactive elements to meet WCAG guidelines, particularly with monochromatic palettes.

Recommended combinations

Cloud Layers

Creates a soft, layered background effect or subtle UI elements, evoking diffused light and depth.

#DCDCDC · #C0C0C0 · #A5A5A5

Solid Contrast

Use for primary branding, strong text, and a light background to highlight the professional grays.

#6A6E77 · #8A8D93 · #DCDCDC

Subtle Harmony

Ideal for content blocks, card backgrounds, or subtle visual hierarchy with a calm, refined feel.

#C0C0C0 · #A5A5A5 · #8A8D93

CSS variables

:root {
  --dusky-cloud-blanket-1: #6A6E77;
  --dusky-cloud-blanket-2: #8A8D93;
  --dusky-cloud-blanket-3: #A5A5A5;
  --dusky-cloud-blanket-4: #C0C0C0;
  --dusky-cloud-blanket-5: #DCDCDC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "dusky-cloud-blanket": {
        1: "#6A6E77",
        2: "#8A8D93",
        3: "#A5A5A5",
        4: "#C0C0C0",
        5: "#DCDCDC",
      }
    }
  }
}

Related searches

dusky gray color palettecalm cloud aestheticminimalist gray schemeserene neutral designdiffused light colors

Palette colors

Hex values

Color 1#6A6E77
·
Color 2#8A8D93
·
Color 3#A5A5A5
·
Color 4#C0C0C0
·
Color 5#DCDCDC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
2.1:1Fail
2.8:1Fail
3.7:1AA18
2
1.5:1Fail
1.4:1Fail
1.8:1Fail
2.4:1Fail
3
2.1:1Fail
1.4:1Fail
1.4:1Fail
1.8:1Fail
4
2.8:1Fail
1.8:1Fail
1.4:1Fail
1.3:1Fail
5
3.7:1AA18
2.4:1Fail
1.8:1Fail
1.3:1Fail

Similar palettes

More like Dusky Cloud Blanket

View all neutral
Dusky Bloom Hues
Quiet Mountain Haze
Silent Harbor Mist
Cloudy Day Serene
Coastal Driftwood Grey
Coastal Driftwood Grey