Back to palettes

Palette

Moody Urban Graphite

A deep and brooding grayscale, inspired by the stark, textured surfaces and shadows of a moody urban landscape.

darkdark5 colors
More dark palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Moody Urban Graphite 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 Moody Urban Graphite.

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

Data visualization

#1C2833#2C3E50#34495E#5D6D7E#85929E

Palette guide

How to use Moody Urban Graphite

Overview

The Moody Urban Graphite palette is a deep and brooding grayscale, inspired by the stark, textured surfaces and shadows of a modern city. Featuring profound charcoals like #1C2833 and #2C3E50, alongside sophisticated grays such as #34495E, #5D6D7E, and #85929E, this palette is perfect for conveying elegance, strength, and contemporary minimalism. Designers and developers will find it exceptionally useful for creating dark mode interfaces, luxury brand identities, or architectural presentations that demand a sleek, refined, and powerful aesthetic.

Best used for

  • High-end tech and software branding
  • Luxury fashion and automotive design
  • Architectural firm portfolios
  • Dark mode UI/UX themes
  • Modern art and photography websites
  • Minimalist industrial product design

Suggested color roles

primary

Utilize #1C2833 as a commanding primary color for foundational elements, large text, or immersive backgrounds, conveying depth and sophistication.

secondary

Employ #2C3E50 for supporting content, navigation, or as a slightly lighter background, offering subtle visual hierarchy.

accent

Apply #85929E as a light accent for interactive elements, subtle highlights, or legible text on darker backgrounds, providing contrast.

background

Use #34495E as a versatile background color, providing a rich, immersive canvas that is comfortable for prolonged viewing in dark mode.

text

For optimal readability on these dark backgrounds, use #85929E or a crisp off-white. For headlines on very light backgrounds (if applicable), #1C2833 offers strong contrast.

Accessibility notes

  • All colors are dark; ensure light text (e.g., #85929E or white) is used for readability, meeting WCAG guidelines.
  • Verify sufficient contrast for any text placed on #5D6D7E or #34495E, favoring the lightest palette color or white.
  • Avoid using mid-tone grays for text on other mid-tone grays, as contrast will likely be too low and hard to read.
  • Consider a pure white for critical text elements on the darkest colors to maximize legibility.

Recommended combinations

Deep Urban

Creates an immersive, layered dark aesthetic, ideal for sophisticated dark mode interfaces or powerful brand statements.

#1C2833 · #2C3E50 · #34495E

Modern Contrast

Highlights the elegance of subtle contrast, perfect for legible text and UI elements against a deep, moody background.

#85929E · #1C2833 · #5D6D7E

Subtle Layers

Offers a harmonious gradient of mid-dark grays, suitable for subtle depth in backgrounds or component differentiation.

#34495E · #5D6D7E · #2C3E50

CSS variables

:root {
  --moody-urban-graphite-1: #1C2833;
  --moody-urban-graphite-2: #2C3E50;
  --moody-urban-graphite-3: #34495E;
  --moody-urban-graphite-4: #5D6D7E;
  --moody-urban-graphite-5: #85929E;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "moody-urban-graphite": {
        1: "#1C2833",
        2: "#2C3E50",
        3: "#34495E",
        4: "#5D6D7E",
        5: "#85929E",
      }
    }
  }
}

Related searches

moody grey paletteurban charcoal colorsdark mode schemesophisticated grey tonesminimalist industrial colors

Palette colors

Hex values

Color 1#1C2833
·
Color 2#2C3E50
·
Color 3#34495E
·
Color 4#5D6D7E
·
Color 5#85929E
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
1.6:1Fail
2.8:1Fail
4.7:1AA
2
1.4:1Fail
1.2:1Fail
2.1:1Fail
3.5:1AA18
3
1.6:1Fail
1.2:1Fail
1.7:1Fail
2.9:1Fail
4
2.8:1Fail
2.1:1Fail
1.7:1Fail
1.7:1Fail
5
4.7:1AA
3.5:1AA18
2.9:1Fail
1.7:1Fail

Similar palettes

More like Moody Urban Graphite

View all dark
City Grunge Texture
Acid Rain Gloom
Basalt Edge
Charcoal Depths
Charred Ember Still
City Neon Rain