Back to palettes

Palette

Deserted Ruin Twilight

Captures the fading light over ancient, sun-baked structures and the encroaching shadows.

Earthnatural5 colors
More Earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Deserted Ruin Twilight 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 Deserted Ruin Twilight.

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

Data visualization

#C4A790#E4BBA2#B3584E#754045#4A3E4D

Palette guide

How to use Deserted Ruin Twilight

Overview

The Deserted Ruin Twilight palette captures the fading light over ancient, sun-baked structures and the encroaching shadows. Anchored by the deep plum-gray of #4A3E4D, it transitions through rich maroon #754045 and vibrant terracotta #B3584E, with softer, warm dusty rose tones in #C4A790 and #E4BBA2. This palette is an excellent choice for designers and developers aiming to evoke a sense of history, drama, or mysterious allure. Its harmonious blend of deep, earthy tones and subtle, fading warmth creates a sophisticated yet evocative aesthetic, perfect for designs that require both intensity and a connection to ancient, weathered beauty.

Best used for

  • Historical themed video games
  • Gothic and mysterious narratives
  • Rustic architecture and design
  • Photography backdrops for dramatic scenes
  • Dramatic branding and marketing
  • Earthy and atmospheric digital interfaces

Suggested color roles

primary

Utilize #4A3E4D for foundational elements like main navigation, footers, or bold headlines, establishing a deep, mysterious anchor.

secondary

Employ #754045 for supporting roles such as subheadings, secondary buttons, or background sections, offering a rich, muted maroon.

accent

Introduce #B3584E as a vibrant, earthy terracotta accent for calls to action, highlights, or key interactive elements, adding a lively spark.

background

Apply #E4BBA2 to main content areas or large backgrounds, creating a light, warm, and highly readable canvas.

text

For optimal readability, use #4A3E4D or a deep charcoal against lighter backgrounds such as #E4BBA2 or #C4A790.

Accessibility notes

  • Ensure sufficient contrast for text on #E4BBA2 and #C4A790; dark text is always recommended.
  • Verify that #B3584E provides enough contrast if used for critical UI elements against adjacent lighter colors.
  • Avoid placing light-colored text on mid-tone reds or browns (#754045) to prevent readability issues.
  • Use a contrast checker to confirm WCAG AA compliance for all text and interactive elements within this earthy palette.

Recommended combinations

Ruin Foundation

Perfect for a strong primary color on a very light background with a vibrant terracotta accent, excellent for impactful branding.

#4A3E4D · #E4BBA2 · #B3584E

Dusky Layers

Ideal for creating layered backgrounds or subtle graphic elements, providing depth and a coherent mysterious feel.

#754045 · #C4A790 · #4A3E4D

Twilight Contrast

Use the lightest color as a background with the darkest as text, and a rich maroon for accents, ensuring clarity and drama.

#E4BBA2 · #4A3E4D · #754045

CSS variables

:root {
  --deserted-ruin-twilight-1: #C4A790;
  --deserted-ruin-twilight-2: #E4BBA2;
  --deserted-ruin-twilight-3: #B3584E;
  --deserted-ruin-twilight-4: #754045;
  --deserted-ruin-twilight-5: #4A3E4D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "deserted-ruin-twilight": {
        1: "#C4A790",
        2: "#E4BBA2",
        3: "#B3584E",
        4: "#754045",
        5: "#4A3E4D",
      }
    }
  }
}

Related searches

deserted ruin colorstwilight terracottadusky stone paletteancient desert huesdramatic earthy tones

Palette colors

Hex values

Color 1#C4A790
·
Color 2#E4BBA2
·
Color 3#B3584E
·
Color 4#754045
·
Color 5#4A3E4D
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.3:1Fail
2.1:1Fail
3.6:1AA18
4.4:1AA18
2
1.3:1Fail
2.7:1Fail
4.6:1AA
5.7:1AA
3
2.1:1Fail
2.7:1Fail
1.7:1Fail
2.1:1Fail
4
3.6:1AA18
4.6:1AA
1.7:1Fail
1.2:1Fail
5
4.4:1AA18
5.7:1AA
2.1:1Fail
1.2:1Fail

Similar palettes

More like Deserted Ruin Twilight

View all Earth
Desert Mesa Clay
Mossy Stone Pathway
Mossy Stone Pathway
Sun Drenched Provence
Sunbaked Canyon Walls
Bohemian Earth Loom