Back to palettes

Palette

Quartz Vein Refined

A sophisticated palette of grays, mirroring the subtle translucence and strength of quartz formations.

monochromeminimal5 colors
More monochrome palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Quartz Vein Refined 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 Quartz Vein Refined.

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

Data visualization

#E0E0E0#A9A9A9#808080#5A5A5A#383838

Palette guide

How to use Quartz Vein Refined

Overview

The "Quartz Vein Refined" palette is a sophisticated monochrome collection, echoing the subtle translucence and strength of quartz formations. It features a range of elegant grays, from the very light #E0E0E0 to a medium #A9A9A9 and a balanced #808080. Deeper tones like #5A5A5A and the rich #383838 provide grounding and depth, reminiscent of mineral veins. This palette is ideal for designers and developers seeking a minimalist, modern, and professional aesthetic. It's perfectly suited for high-end branding, tech interfaces, or any project demanding a clean, understated, and timeless visual identity, ensuring a sleek and polished user experience.

Best used for

  • Luxury product websites (e.g., jewelry, high-tech gadgets)
  • Minimalist app interfaces
  • Corporate branding and reports
  • Architectural and interior design presentations
  • Art gallery or museum websites
  • Professional portfolio sites

Suggested color roles

primary

This deep grey #5A5A5A serves as a sophisticated primary color for headings, main calls-to-action, or prominent UI elements.

secondary

A balanced medium grey #808080, ideal for subheadings, secondary buttons, or data visualization, offering subtle contrast.

accent

This lighter grey #A9A9A9 provides a soft accent, perfect for hover states, subtle dividers, or background textures.

background

A very light grey #E0E0E0 offers a clean, crisp, and modern background, promoting excellent readability and a minimalist aesthetic.

text

The darkest grey #383838 ensures superb legibility against lighter backgrounds, ideal for body text, links, and important labels, or pure black.

Accessibility notes

  • Ensure #383838 text has strong contrast against #E0E0E0 backgrounds for readability.
  • Avoid using #A9A9A9 or #E0E0E0 as text colors on #808080 or #A9A9A9 backgrounds due to low contrast.
  • Verify all text and interactive elements meet WCAG AA or AAA contrast guidelines.
  • For small text, consider using true black for maximum legibility on the lightest background shades.

Recommended combinations

Mineral Elegance

Creates a sleek, high-contrast, and professional look, ideal for main content and branding.

#383838 · #E0E0E0 · #808080

Quartz Sheen

Provides a lighter, refined feel, suitable for secondary information, subtle backgrounds, or decorative elements.

#A9A9A9 · #E0E0E0 · #5A5A5A

Vein Depth

Offers a balanced look with depth and clarity, great for navigation, footers, or clean data displays.

#5A5A5A · #E0E0E0 · #383838

CSS variables

:root {
  --quartz-vein-refined-1: #E0E0E0;
  --quartz-vein-refined-2: #A9A9A9;
  --quartz-vein-refined-3: #808080;
  --quartz-vein-refined-4: #5A5A5A;
  --quartz-vein-refined-5: #383838;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "quartz-vein-refined": {
        1: "#E0E0E0",
        2: "#A9A9A9",
        3: "#808080",
        4: "#5A5A5A",
        5: "#383838",
      }
    }
  }
}

Related searches

monochrome grey paletteminimalist color schemequartz inspired hex codessophisticated grey designclean modern UI colors

Palette colors

Hex values

Color 1#E0E0E0
·
Color 2#A9A9A9
·
Color 3#808080
·
Color 4#5A5A5A
·
Color 5#383838
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.8:1Fail
3:1Fail
5.2:1AA
8.9:1AAA
2
1.8:1Fail
1.7:1Fail
2.9:1Fail
5:1AA
3
3:1Fail
1.7:1Fail
1.7:1Fail
3:1Fail
4
5.2:1AA
2.9:1Fail
1.7:1Fail
1.7:1Fail
5
8.9:1AAA
5:1AA
3:1Fail
1.7:1Fail

Similar palettes

More like Quartz Vein Refined

View all monochrome
City Steel Gleam
Concrete Bloom Grey
Graphite Sketch Subtle
Industrial Chic Echo
Industrial Cityscape Grey
Lunar Surface