Back to palettes

Palette

Anthracite Edge

A sophisticated array of deep, almost black, greys with blue undertones, suggesting sleek modern design.

darkminimal5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Anthracite Edge 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 Anthracite Edge.

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

Data visualization

#2C3E50#34495E#3B506B#425777#495E83

Palette guide

How to use Anthracite Edge

Overview

The Anthracite Edge palette presents a sophisticated array of deep, almost black, grays with subtle blue undertones, suggesting sleek modern design. This collection features dark #2C3E50, robust #34495E, solid #3B506B, balanced #425777, and lighter #495E83. Designers can leverage these cool, powerful grays to create a sense of cutting-edge minimalism, elegance, and professionalism. Ideal for conveying strength and a contemporary aesthetic, this palette is versatile for both digital interfaces and print materials, bringing a refined, impactful presence to any design.

Best used for

  • High-tech product branding and websites
  • Luxury automotive marketing
  • Corporate and professional service branding
  • Modern architectural visualization
  • Dark mode UI for apps and software
  • Minimalist fashion and lifestyle brands

Suggested color roles

primary

Utilize #2C3E50 for dominant elements like main headings, navigation bars, or foundational background sections, conveying strong presence and depth.

secondary

Employ #34495E or #3B506B for subheadings, secondary content areas, or to establish visual hierarchy without stark contrast, maintaining sophistication.

accent

Introduce #425777 or #495E83 for subtle highlights, interactive states, or delicate graphic elements, adding a touch of refined blue-gray.

background

#495E83 or #425777 can serve as a deep, atmospheric background, while #3B506B offers a slightly lighter, yet still dark, base.

text

For optimal readability, use a crisp white or very light gray text on darker shades like #2C3E50, #34495E, or #3B506B. #2C3E50 works well for text on a pure white background.

Accessibility notes

  • Ensure high contrast when using white or very light gray text on all colors within this dark palette.
  • Avoid using any of the palette colors for text on similar dark backgrounds; always use a contrasting light color.
  • Prioritize white or near-white text for all body text to ensure maximum readability.
  • Routinely check WCAG AA compliance for all critical text and interactive elements.

Recommended combinations

Deep Space

Excellent for dark mode interfaces, sophisticated branding, or gradients that evoke a sense of modern depth and technology.

#2C3E50 · #34495E · #3B506B

Sleek Accent

Ideal for highlights, calls-to-action, or graphic elements that need to stand out with a subtle, refined blue-gray glow.

#425777 · #495E83 · #2C3E50

Modern Edge

Perfect for creating subtle layered effects, minimalist branding, or designs where a consistent, strong, and elegant tone is desired.

#34495E · #425777 · #3B506B

CSS variables

:root {
  --anthracite-edge-1: #2C3E50;
  --anthracite-edge-2: #34495E;
  --anthracite-edge-3: #3B506B;
  --anthracite-edge-4: #425777;
  --anthracite-edge-5: #495E83;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "anthracite-edge": {
        1: "#2C3E50",
        2: "#34495E",
        3: "#3B506B",
        4: "#425777",
        5: "#495E83",
      }
    }
  }
}

Related searches

anthracite color schemedark blue gray palettemodern minimalist colorssleek elegant designcorporate dark theme

Palette colors

Hex values

Color 1#2C3E50
·
Color 2#34495E
·
Color 3#3B506B
·
Color 4#425777
·
Color 5#495E83
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.2:1Fail
1.3:1Fail
1.5:1Fail
1.7:1Fail
2
1.2:1Fail
1.1:1Fail
1.3:1Fail
1.4:1Fail
3
1.3:1Fail
1.1:1Fail
1.1:1Fail
1.3:1Fail
4
1.5:1Fail
1.3:1Fail
1.1:1Fail
1.1:1Fail
5
1.7:1Fail
1.4:1Fail
1.3:1Fail
1.1:1Fail

Similar palettes

More like Anthracite Edge

View all dark
Brutalist Concrete Form
Smoked Slate
Stellar Dust Motes
Volcanic Ash Fields
Volcanic Ash Fields
Volcanic Basalt Texture