Palette

Burnt Sienna Skyline

Earthy reds and burnt oranges capturing the rustic charm of an aged city skyline at dusk.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Burnt Sienna Skyline 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 Burnt Sienna Skyline.

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

Data visualization

#8B0000#A52A2A#CD5C5C#E9967A#F08080

Palette guide

How to use Burnt Sienna Skyline

Overview

The Burnt Sienna Skyline palette features earthy reds and burnt oranges, capturing the rustic charm of an aged city skyline at dusk. This warm collection includes the deep dark red of #8B0000, the robust Indian red of #A52A2A, the medium Indian red of #CD5C5C, the soft light salmon of #E9967A, and the gentle light coral of #F08080. It's an excellent choice for designers aiming to create sophisticated, natural, and urban-inspired visuals. The palette evokes a sense of history, warmth, and the unique beauty of cityscapes as evening descends, perfect for projects that blend rustic elegance with urban character.

Best used for

Urban development and real estate branding
Historical city tours and travel guides
Rustic architectural designs and portfolios
Cozy evening event promotions
Sophisticated blog themes and lifestyle content
Warm editorial layouts and publications

Suggested color roles

primary

Use #8B0000 as a deep, dramatic primary red, providing a strong and impactful foundation for the design.

secondary

Apply #A52A2A as a medium-dark red, offering robust and earthy support for various elements.

accent

Introduce #F08080 as a soft coral accent, ideal for gentle highlights or subtle decorative touches.

background

Utilize #E9967A as a light salmon background, creating a warm and inviting base.

text

For body text, #8B0000 (dark red) offers excellent readability against lighter colors in the palette, ensuring strong contrast.

Accessibility notes

The dark reds like #8B0000 and #A52A2A offer strong contrast for text against lighter backgrounds such as #E9967A and #F08080.
Be careful when using #F08080 or #E9967A for text over similar light backgrounds; prefer darker options for readability.
Ensure interactive elements are clearly visible and distinguishable, perhaps using a bolder shade for active states.
For body text, stick to the darkest colors to ensure maximum readability for all users, meeting WCAG standards.

Recommended combinations

Dusk Horizon

Ideal for striking headers, atmospheric backdrops, or creating a sense of urban twilight.

#8B0000 · #E9967A · #A52A2A

Urban Glow

Great for accentuating specific elements, illustrations, or adding a vibrant pop to details.

#CD5C5C · #F08080 · #8B0000

Terracotta City

Perfect for creating a warm, aged aesthetic in digital interfaces or architectural visualizations.

#A52A2A · #E9967A · #CD5C5C

CSS variables

:root {
  --burnt-sienna-skyline-1: #8B0000;
  --burnt-sienna-skyline-2: #A52A2A;
  --burnt-sienna-skyline-3: #CD5C5C;
  --burnt-sienna-skyline-4: #E9967A;
  --burnt-sienna-skyline-5: #F08080;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "burnt-sienna-skyline": {
        1: "#8B0000",
        2: "#A52A2A",
        3: "#CD5C5C",
        4: "#E9967A",
        5: "#F08080",
      }
    }
  }
}

Hex values

Color 1#8B0000

Color 2#A52A2A

Color 3#CD5C5C

Color 4#E9967A

Color 5#F08080

Accessibility

Contrast checker

1.4:1Fail

2.5:1Fail

4.3:1AA18

3.9:1AA18

1.4:1Fail

1.8:1Fail

3.1:1AA18

2.7:1Fail

2.5:1Fail

1.8:1Fail

1.7:1Fail

1.5:1Fail

4.3:1AA18

3.1:1AA18

1.7:1Fail

1.1:1Fail

3.9:1AA18

2.7:1Fail

1.5:1Fail

1.1:1Fail

Similar palettes

More like Burnt Sienna Skyline