Palette

Desert Canyon Dawn

Gentle, muted warm tones mirroring the soft light of dawn breaking over ancient desert canyons.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Canyon 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 Desert Canyon Dawn.

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

Data visualization

#C57E6B#E2A08B#F8CDBC#FCE6DB#A66455

Palette guide

How to use Desert Canyon Dawn

Overview

The Desert Canyon Dawn palette captures the gentle, muted warm tones mirroring the soft light of dawn breaking over ancient desert canyons. This serene collection features the calming #C57E6B and the lighter #E2A08B, complemented by the softest #F8CDBC and the almost ethereal #FCE6DB. A grounding presence is found in the deeper #A66455, ensuring a balanced and tranquil aesthetic. Designers and developers can utilize these colors to evoke a sense of peace, new beginnings, and subtle natural beauty, making them ideal for projects requiring a soft, inviting, and sophisticated touch.

Best used for

Wellness and spa branding
Soft feminine product design
Photography website backgrounds
Minimalist interior decor themes
Wedding invitations and stationery
Subtle UI elements for calm apps

Suggested color roles

primary

#C57E6B - A soft, muted rose-brown, perfect for main content areas or dominant graphic elements, offering warmth without intensity.

secondary

#A66455 - A deeper, grounding brown-red, ideal for navigation, footers, or important headings to provide gentle contrast.

accent

#E2A08B - A lighter, airy peach-pink, suitable for subtle highlights, interactive states, or decorative flourishes.

background

#FCE6DB - An extremely light, near-white peach, excellent for clean, spacious backgrounds that maximize readability and a soft aesthetic.

text

#5C372D (dark brown) - A dark brown for body text, ensuring good readability against lighter backgrounds, or use #A66455 for a softer contrast.

Accessibility notes

Ensure sufficient contrast between #A66455 text and #FCE6DB backgrounds for WCAG AA compliance.
Lighter shades like #F8CDBC and #FCE6DB should not be used for text against each other due to low contrast.
For critical text, pair a dark color (e.g., charcoal or black) with the lightest background #FCE6DB.
Consider using #C57E6B for larger headings on #FCE6DB, but check contrast for smaller font sizes.

Recommended combinations

Dawn Horizon

Strong, yet soft contrast, ideal for clear headings or important information on a light background.

#A66455 · #FCE6DB · #C57E6B

Desert Blush

A gentle gradient or layered effect, perfect for subtle visual depth in UI elements or illustrations.

#C57E6B · #E2A08B · #F8CDBC

Morning Glow

A harmonious trio for branding, offering a soft transition from deep earth to ethereal light.

#A66455 · #F8CDBC · #FCE6DB

CSS variables

:root {
  --desert-canyon-dawn-1: #C57E6B;
  --desert-canyon-dawn-2: #E2A08B;
  --desert-canyon-dawn-3: #F8CDBC;
  --desert-canyon-dawn-4: #FCE6DB;
  --desert-canyon-dawn-5: #A66455;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-canyon-dawn": {
        1: "#C57E6B",
        2: "#E2A08B",
        3: "#F8CDBC",
        4: "#FCE6DB",
        5: "#A66455",
      }
    }
  }
}

Hex values

Color 1#C57E6B

Color 2#E2A08B

Color 3#F8CDBC

Color 4#FCE6DB

Color 5#A66455

Accessibility

Contrast checker

1.5:1Fail

2.2:1Fail

2.7:1Fail

1.4:1Fail

1.5:1Fail

1.8:1Fail

2.1:1Fail

2.2:1Fail

1.5:1Fail

1.2:1Fail

3.2:1AA18

2.7:1Fail

1.8:1Fail

1.2:1Fail

3.8:1AA18

1.4:1Fail

2.1:1Fail

3.2:1AA18

3.8:1AA18

Similar palettes

More like Desert Canyon Dawn

Desert Canyon Dawn

See it in context.

Ready when you are.

Built with Desert Canyon Dawn.

How to use Desert Canyon Dawn

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Dawn Horizon

Desert Blush

Morning Glow

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Desert Canyon Dawn