Back to palettes

Palette

Amber Sands Mirage

A warm, deceptive glow of amber and gold, evoking heat haze over endless desert sands.

warmnatural5 colors
More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Amber Sands Mirage 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 Amber Sands Mirage.

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

Data visualization

#CD853F#D2B48C#E0B589#F4A460#CC7722

Palette guide

How to use Amber Sands Mirage

Overview

The "Amber Sands Mirage" palette (amber-sands-mirage-3) offers a warm, deceptive glow, evoking heat haze over endless desert sands. This palette blends the robust #CD853F (Peru) with the lighter #D2B48C (Tan) and #E0B589 (Light Sandy Brown), creating a soft, sun-kissed base. The vibrant #F4A460 (Light Salmon) adds a touch of brightness, while the intense #CC7722 (Orange Peel) grounds the palette with a deeper, richer amber. It's an excellent choice for designs seeking a natural, inviting, and slightly exotic aesthetic, perfect for travel, wellness, or artisanal brands.

Best used for

  • Desert-inspired travel and tourism marketing
  • Earthy fashion or accessory branding
  • Wellness and spa websites with a natural feel
  • Bohemian-style event invitations
  • E-commerce sites for handcrafted goods
  • Editorial design for cultural or adventure content

Suggested color roles

primary

Use #CC7722 as a rich, intense orange-brown, excellent for main headings, important calls-to-action, or a distinctive brand element.

secondary

Employ #CD853F as a warm, versatile peru brown, perfect for subheadings, navigation, or prominent content blocks.

accent

Apply #F4A460 as a lively light salmon, ideal for subtle highlights, interactive elements, or a pop of warmth.

background

Utilize #E0B589 as a soft, light sandy brown, providing a warm, airy canvas that allows darker text to stand out beautifully.

text

For primary body text on light backgrounds, use #CC7722, ensuring excellent readability and a cohesive warm aesthetic.

Accessibility notes

  • Ensure #CC7722 text has sufficient contrast against #E0B589 or #D2B48C backgrounds (WCAG AA).
  • Avoid using #F4A460 for small text on light backgrounds like #E0B589, as contrast may be insufficient.
  • When using #CD853F for text, ensure it's on a sufficiently light background for readability.
  • The lightest colors, #D2B48C and #E0B589, are best reserved for backgrounds to maximize readability of darker text.

Recommended combinations

Desert Haze

A strong dark base, a warm primary, and a light background, perfect for a grounded and legible interface.

#CC7722 · #CD853F · #E0B589

Golden Dunes

A soft background with a lively accent and warm text, creating an inviting and natural content area.

#E0B589 · #F4A460 · #CD853F

Mirage Layers

A progression of warm, earthy tones, suitable for layered design elements or visual storytelling.

#CD853F · #D2B48C · #CC7722

CSS variables

:root {
  --amber-sands-mirage-3-1: #CD853F;
  --amber-sands-mirage-3-2: #D2B48C;
  --amber-sands-mirage-3-3: #E0B589;
  --amber-sands-mirage-3-4: #F4A460;
  --amber-sands-mirage-3-5: #CC7722;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amber-sands-mirage-3": {
        1: "#CD853F",
        2: "#D2B48C",
        3: "#E0B589",
        4: "#F4A460",
        5: "#CC7722",
      }
    }
  }
}

Related searches

warm desert color schemegolden sand paletteearthy orange brown colorsnatural travel designbohemian warm palette

Palette colors

Hex values

Color 1#CD853F
·
Color 2#D2B48C
·
Color 3#E0B589
·
Color 4#F4A460
·
Color 5#CC7722
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.5:1Fail
1.6:1Fail
1.5:1Fail
1.1:1Fail
2
1.5:1Fail
1:1Fail
1:1Fail
1.7:1Fail
3
1.6:1Fail
1:1Fail
1.1:1Fail
1.8:1Fail
4
1.5:1Fail
1:1Fail
1.1:1Fail
1.7:1Fail
5
1.1:1Fail
1.7:1Fail
1.8:1Fail
1.7:1Fail

Similar palettes

More like Amber Sands Mirage

View all warm
Warm Sand Dunes
Amber Sands Mirage
Crimson Ridge Dawn
Desert Bloom Mirage
Desert Caravan Spices
Desert Rose Canyon