Back to palettes

Palette

Terracotta Rooftop Dawn

Captures the sun-kissed warmth of terracotta roof tiles as dawn breaks over an ancient village.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Terracotta Rooftop Dawn 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 Terracotta Rooftop Dawn.

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

Data visualization

#A0522D#CD853F#D2B48C#FFDAB9#F5F5DC

Palette guide

How to use Terracotta Rooftop Dawn

Overview

The Terracotta Rooftop Dawn palette captures the serene beauty of sun-kissed terracotta tiles as morning light breaks over an ancient village. This palette features a gentle progression from the deeper #A0522D and #CD853F to the soft, airy tones of #D2B48C, #FFDAB9, and #F5F5DC. Designers and developers will find this collection perfect for creating designs that evoke tranquility, natural warmth, and a subtle touch of historical elegance. It’s an ideal choice for projects seeking a calming yet inviting atmosphere, reminiscent of gentle beginnings and timeless landscapes.

Best used for

  • Morning cafes or bakery branding
  • Natural skincare and wellness websites
  • Serene meditation or yoga app interfaces
  • Historical documentary or art exhibition materials
  • Interior design for calming, rustic spaces
  • E-commerce for handcrafted, artisanal goods

Suggested color roles

primary

Utilize #CD853F as a welcoming, warm primary color for main headers, key calls-to-action, or important graphical elements.

secondary

Employ #D2B48C for subheadings, secondary buttons, or background panels, providing a soft, consistent warmth.

accent

Introduce #A0522D for subtle highlights, interactive elements, or decorative details to add a grounding, earthy contrast.

background

Apply #F5F5DC as a very light, airy background, creating a clean and tranquil canvas for all content.

text

Select #A0522D for primary body text and labels, ensuring strong readability against lighter backgrounds. For headings, a deep charcoal offers a classic and legible option.

Accessibility notes

  • Ensure text in #A0522D or a deep charcoal has sufficient contrast against very light backgrounds like #F5F5DC and #FFDAB9 for WCAG AA compliance.
  • Avoid using #D2B48C or #FFDAB9 for small text or icons on light backgrounds; they are best used as larger background elements.
  • When using #CD853F as a background, ensure text or foreground elements are in a highly contrasting color, such as #F5F5DC or white.
  • Consider larger font sizes for text in #CD853F on #D2B48C if used for decorative elements, to improve legibility.

Recommended combinations

Dawn Light

Ideal for clean, readable content areas, with a very light background, soft mid-tone, and grounded text.

#F5F5DC · #D2B48C · #A0522D

Sun-Kissed Glow

Creates a warm, inviting focal point, perfect for hero sections or prominent features with a gentle highlight.

#CD853F · #FFDAB9 · #A0522D

Ancient Clay

Provides a rich, earthy foundation with a warm primary and soft secondary, excellent for headers or footers.

#A0522D · #CD853F · #D2B48C

CSS variables

:root {
  --terracotta-rooftop-dawn-1: #A0522D;
  --terracotta-rooftop-dawn-2: #CD853F;
  --terracotta-rooftop-dawn-3: #D2B48C;
  --terracotta-rooftop-dawn-4: #FFDAB9;
  --terracotta-rooftop-dawn-5: #F5F5DC;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "terracotta-rooftop-dawn": {
        1: "#A0522D",
        2: "#CD853F",
        3: "#D2B48C",
        4: "#FFDAB9",
        5: "#F5F5DC",
      }
    }
  }
}

Related searches

dawn color palettesun-kissed terracotta schememuted earth tones designwarm clay colorstranquil rustic palette

Palette colors

Hex values

Color 1#A0522D
·
Color 2#CD853F
·
Color 3#D2B48C
·
Color 4#FFDAB9
·
Color 5#F5F5DC
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
2.8:1Fail
4.3:1AA18
5.1:1AA
2
1.9:1Fail
1.5:1Fail
2.3:1Fail
2.7:1Fail
3
2.8:1Fail
1.5:1Fail
1.5:1Fail
1.8:1Fail
4
4.3:1AA18
2.3:1Fail
1.5:1Fail
1.2:1Fail
5
5.1:1AA
2.7:1Fail
1.8:1Fail
1.2:1Fail

Similar palettes

More like Terracotta Rooftop Dawn

View all warm
Glazed Terracotta Pots
Sun-Kissed Terracotta
Amber Sands Mirage
Ancient Amber Hues
Autumn Foliage Crunch
Autumn Spiced Orchard