Back to palettes

Palette

Amber Sands Mirage

Evokes the vast, sunlit expanses of ancient desert landscapes at high noon.

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

#A66321#D68D37#F0C895#FFE0B5#8C4F18

Palette guide

How to use Amber Sands Mirage

Overview

The "Amber Sands Mirage" palette (amber-sands-mirage) evokes the vast, sunlit expanses of ancient desert landscapes at high noon. This radiant palette moves from the deep, grounding #8C4F18 (Dark Honey) to the luminous #FFE0B5 (Pale Peach) and #F0C895 (Light Tan). Mid-tones like #A66321 (Burnt Orange) and #D68D37 (Rusty Orange) provide robust warmth, capturing the golden intensity of sun-baked earth. It's an excellent choice for designs seeking a natural, expansive, and inviting aesthetic, perfect for travel, historical, or artisanal themes that require a touch of rugged elegance.

Best used for

  • Travel and exploration branding
  • Historical or cultural exhibit design
  • Earthy, natural product packaging
  • Rustic-chic event design
  • Websites for artisanal crafts or handmade goods
  • Editorial layouts for adventure or anthropology content

Suggested color roles

primary

Use #A66321 as a rich, robust burnt orange, excellent for main headings, important calls-to-action, or a strong brand identity.

secondary

Employ #D68D37 as a warm, inviting rusty orange, perfect for subheadings, navigation, or prominent content blocks.

accent

Apply #F0C895 as a soft, light tan, ideal for subtle highlights, borders, or secondary interactive states.

background

Utilize #FFE0B5 as a very light, pale peach, providing a warm, airy canvas that allows darker text to stand out beautifully.

text

For primary body text on light backgrounds, use #8C4F18, a deep, earthy dark honey brown that offers excellent contrast and strong emphasis.

Accessibility notes

  • Ensure #8C4F18 text has excellent contrast against #FFE0B5 backgrounds (WCAG AA/AAA).
  • Avoid using #F0C895 or #D68D37 for small text on #FFE0B5, as contrast may be insufficient.
  • When using #A66321 for text, pair it with a very light background for optimal readability.
  • The lightest colors, #F0C895 and #FFE0B5, are best reserved for backgrounds and large graphical elements.

Recommended combinations

Sun-baked Earth

A deep base, a strong primary, and a very light background, perfect for a grounded and legible interface.

#8C4F18 · #A66321 · #FFE0B5

Golden Horizon

A light background with warm, inviting text and an accent, creating an airy and natural content area.

#FFE0B5 · #D68D37 · #A66321

Ancient Sands

A strong primary, a soft secondary, and a deep grounding color, ideal for layered design elements.

#A66321 · #F0C895 · #8C4F18

CSS variables

:root {
  --amber-sands-mirage-1: #A66321;
  --amber-sands-mirage-2: #D68D37;
  --amber-sands-mirage-3: #F0C895;
  --amber-sands-mirage-4: #FFE0B5;
  --amber-sands-mirage-5: #8C4F18;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "amber-sands-mirage": {
        1: "#A66321",
        2: "#D68D37",
        3: "#F0C895",
        4: "#FFE0B5",
        5: "#8C4F18",
      }
    }
  }
}

Related searches

golden desert color palettesunlit sand tonesearthy orange brown schemetravel branding warm colorsnatural historical design

Palette colors

Hex values

Color 1#A66321
·
Color 2#D68D37
·
Color 3#F0C895
·
Color 4#FFE0B5
·
Color 5#8C4F18
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.7:1Fail
3:1AA18
3.7:1AA18
1.4:1Fail
2
1.7:1Fail
1.7:1Fail
2.1:1Fail
2.4:1Fail
3
3:1AA18
1.7:1Fail
1.2:1Fail
4.1:1AA18
4
3.7:1AA18
2.1:1Fail
1.2:1Fail
5.1:1AA
5
1.4:1Fail
2.4:1Fail
4.1:1AA18
5.1:1AA

Similar palettes

More like Amber Sands Mirage

View all warm