Back to palettes

Palette

Smoky Quartz Elegance

A sophisticated gradient of smoky greys, inspired by the translucent beauty of quartz crystal.

monochromeelegant5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Smoky Quartz Elegance 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 Smoky Quartz Elegance.

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

Data visualization

#4A4A4A#6B6B6B#8C8C8C#AFAFAF#D0D0D0

Palette guide

How to use Smoky Quartz Elegance

Overview

The Smoky Quartz Elegance palette offers a sophisticated monochromatic gradient, embodying the chic simplicity of a quartz crystal. This collection of cool greys, ranging from a deep charcoal #4A4A4A to a light, airy grey #D0D0D0, provides a versatile foundation for modern and minimalist designs. Intermediate shades like #6B6B6B, #8C8C8C, and #AFAFAF ensure smooth transitions and ample options for depth. Ideal for creating a refined, understated aesthetic, this palette is perfect for high-end branding, elegant digital interfaces, and architectural visualizations. Designers and developers can leverage its inherent harmony to build clean, professional, and timeless visual experiences.

Best used for

  • Minimalist UI/UX design
  • Corporate and luxury branding
  • Architectural visualization and renders
  • High-tech product design
  • Elegant print media and stationery
  • Photography portfolios

Suggested color roles

primary

Use #6B6B6B as a balanced primary color for main content areas, offering sophistication without being too dark.

secondary

Apply #8C8C8C for secondary information, subtle dividers, or background elements to maintain a cohesive, light feel.

accent

Employ #4A4A4A sparingly for impactful accents, strong headings, or call-to-action buttons, providing maximum contrast.

background

Utilize #D0D0D0 as a clean, bright background, perfect for creating an open and spacious feel.

text

For primary body text on #D0D0D0, #4A4A4A offers excellent readability. For text on #AFAFAF, a darker grey like #6B6B6B is recommended.

Accessibility notes

  • Ensure #4A4A4A text on #D0D0D0 background meets WCAG AA contrast standards.
  • Be cautious when using #AFAFAF or #8C8C8C for text on #D0D0D0, as contrast might be insufficient.
  • Provide sufficient contrast for interactive elements, ensuring clickability is clear even for users with low vision.
  • Avoid using very light greys like #D0D0D0 as text color on similar backgrounds for any critical information.

Recommended combinations

Light Foundation

Creates a clean, airy base for web pages or print, ideal for a minimalist aesthetic.

#D0D0D0 · #AFAFAF · #8C8C8C

Strong Contrast

Effective for clear text hierarchy and prominent interactive elements on a light background.

#D0D0D0 · #4A4A4A · #6B6B6B

Layered Depth

Useful for adding subtle depth to UI components, headers, or backgrounds, maintaining elegance.

#6B6B6B · #4A4A4A · #8C8C8C

CSS variables

:root {
  --smoky-quartz-elegance-2-1: #4A4A4A;
  --smoky-quartz-elegance-2-2: #6B6B6B;
  --smoky-quartz-elegance-2-3: #8C8C8C;
  --smoky-quartz-elegance-2-4: #AFAFAF;
  --smoky-quartz-elegance-2-5: #D0D0D0;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "smoky-quartz-elegance-2": {
        1: "#4A4A4A",
        2: "#6B6B6B",
        3: "#8C8C8C",
        4: "#AFAFAF",
        5: "#D0D0D0",
      }
    }
  }
}

Related searches

monochrome grey paletteelegant charcoal color schememodern minimalist greychic stone tonessophisticated neutral gradient

Palette colors

Hex values

Color 1#4A4A4A
·
Color 2#6B6B6B
·
Color 3#8C8C8C
·
Color 4#AFAFAF
·
Color 5#D0D0D0
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.6:1Fail
4:1AA18
5.7:1AA
2
1.7:1Fail
1.6:1Fail
2.4:1Fail
3.5:1AA18
3
2.6:1Fail
1.6:1Fail
1.5:1Fail
2.2:1Fail
4
4:1AA18
2.4:1Fail
1.5:1Fail
1.4:1Fail
5
5.7:1AA
3.5:1AA18
2.2:1Fail
1.4:1Fail

Similar palettes

More like Smoky Quartz Elegance

View all monochrome
Mystic Quartz Haze
Smoky Quartz Haze
Ancient Marble Column
Ancient Stone Keep
Smoky Quartz Elegance
Ancient Marble Relic