Back to palettes

Palette

Ancient City Ruins

Subdued greys and dusty blues reflect the quiet grandeur and timeworn beauty of ancient, crumbling stone structures.

neutralminimal5 colors
More neutral palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Ancient City Ruins 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 Ancient City Ruins.

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

Data visualization

#708090#A9A9A9#B0C4DE#C0C0C0#D3D3D3

Palette guide

How to use Ancient City Ruins

Overview

The 'Ancient City Ruins' palette features subdued greys and dusty blues, reflecting the quiet grandeur and timeworn beauty of ancient, crumbling stone structures. This minimalist and neutral collection ranges from the deep #708090 to the light #D3D3D3, with the soft #B0C4DE adding a hint of weathered sky. The various grey tones like #A9A9A9 and #C0C0C0 provide subtle textural variations, mimicking worn stone. It's an ideal palette for designs that require serenity, historical depth, and an understated elegance, perfect for projects seeking a tranquil yet powerful aesthetic, from architectural to artistic.

Best used for

  • Minimalist architecture portfolios and presentations
  • Historical documentary graphics and visuals
  • Urban decay photography and art
  • Serene digital art and abstract compositions
  • Concrete product branding and materials
  • Modern industrial design aesthetics

Suggested color roles

primary

Utilize #708090 as a deep, foundational slate grey for main headers, prominent graphics, or calls-to-action, conveying stability.

secondary

Apply #A9A9A9 for medium grey accents, subheadings, or as a background for sections requiring a subtle, textural feel.

accent

Add a soft, dusty blue with #B0C4DE, ideal for subtle lines, delicate textures, or interactive states, suggesting sky.

background

The light, airy #D3D3D3 makes an excellent background, providing a clean and expansive canvas for content.

text

For optimal readability, use #708090 for body text and essential information against lighter backgrounds.

Accessibility notes

  • Ensure sufficient contrast when pairing #708090 or #A9A9A9 with lighter shades like #D3D3D3 or #C0C0C0 for text.
  • Avoid using #B0C4DE on #A9A9A9 for small text, as the contrast may be insufficient for some users.
  • Interactive elements should clearly distinguish states; use darker shades for default and lighter for hover/active.
  • Verify readability of all text against chosen background colors, especially for body copy.

Recommended combinations

Ruined Stone

Forms a strong base for main content, providing excellent contrast and evoking the layered textures of ancient stone.

#708090 · #A9A9A9 · #C0C0C0

Sky & Dust

Ideal for light backgrounds, subtle accents, or creating a sense of openness and weathered antiquity.

#D3D3D3 · #B0C4DE · #A9A9A9

Minimalist Structure

Creates clean lines and visual depth, suitable for architectural layouts or emphasizing structural elements.

#C0C0C0 · #708090 · #B0C4DE

CSS variables

:root {
  --ancient-city-ruins-1: #708090;
  --ancient-city-ruins-2: #A9A9A9;
  --ancient-city-ruins-3: #B0C4DE;
  --ancient-city-ruins-4: #C0C0C0;
  --ancient-city-ruins-5: #D3D3D3;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "ancient-city-ruins": {
        1: "#708090",
        2: "#A9A9A9",
        3: "#B0C4DE",
        4: "#C0C0C0",
        5: "#D3D3D3",
      }
    }
  }
}

Related searches

ancient grey palettecity ruins colorsminimalist historical schemedusty blue greystone texture hues

Palette colors

Hex values

Color 1#708090
·
Color 2#A9A9A9
·
Color 3#B0C4DE
·
Color 4#C0C0C0
·
Color 5#D3D3D3
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
2.3:1Fail
2.2:1Fail
2.7:1Fail
2
1.7:1Fail
1.3:1Fail
1.3:1Fail
1.6:1Fail
3
2.3:1Fail
1.3:1Fail
1:1Fail
1.2:1Fail
4
2.2:1Fail
1.3:1Fail
1:1Fail
1.2:1Fail
5
2.7:1Fail
1.6:1Fail
1.2:1Fail
1.2:1Fail

Similar palettes

More like Ancient City Ruins

View all neutral
Ancient Rune Stone
Ancient Roman Stone
Ancient Temple Stones
Calm Interior Lines
Cloudy Cobblestone Lane
Dusky Harbor Stone