Palette

Desert Sunstone Glow

A radiant blend inspired by the warm, sun-baked hues of a desert landscape at golden hour.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Desert Sunstone Glow 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 Sunstone Glow.

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

Data visualization

#E6B079#C48E66#9B6C4F#7E5C47#F2D2A2

Palette guide

How to use Desert Sunstone Glow

Overview

The Desert Sunstone Glow palette presents a radiant blend inspired by the warm, sun-baked hues of a desert landscape at golden hour. Anchored by the deep, grounding #7E5C47, it transitions through rich browns like #9B6C4F and #C48E66, with brighter, sunstone orange-beiges in #E6B079 and #F2D2A2. This palette is an excellent choice for designers and developers aiming to evoke a sense of natural warmth, earthy sophistication, or a cozy, inviting atmosphere. Its harmonious blend of deep browns and glowing lighter tones creates a timeless and elegant aesthetic, perfect for designs that require both robustness and a touch of sun-kissed charm.

Best used for

Natural skincare and beauty products
Artisanal crafts and handmade goods
Warm photography filters and presets
Rustic home decor and furniture
Environmental branding and campaigns
Cozy digital interfaces and apps

Suggested color roles

primary

Utilize #7E5C47 for foundational elements like main navigation, footers, or bold headlines, establishing a deep, grounding anchor.

secondary

Employ #9B6C4F for supporting roles such as subheadings, secondary buttons, or background sections, offering a rich, warm brown.

accent

Introduce #E6B079 as a bright, sunstone orange-beige accent for calls to action, highlights, or key interactive elements, adding a lively spark.

background

Apply #F2D2A2 to main content areas or large backgrounds, creating a light, warm, and highly readable canvas.

text

For optimal readability, use #7E5C47 or a rich charcoal against lighter backgrounds such as #F2D2A2 or #E6B079.

Accessibility notes

Ensure sufficient contrast for text on #F2D2A2 and #E6B079; dark text is always recommended.
Verify that #C48E66 provides enough contrast if used for critical UI elements against adjacent lighter colors.
Avoid placing light-colored text on mid-tone browns like #9B6C4F to prevent readability issues.
Use a contrast checker to confirm WCAG AA compliance for all text and interactive elements within this warm palette.

Recommended combinations

Golden Hour Foundation

Perfect for a strong primary color on a very light background with a bright accent, excellent for impactful branding.

#7E5C47 · #F2D2A2 · #E6B079

Sandstone Layers

Ideal for creating layered backgrounds or subtle graphic elements, providing depth and a coherent earthy feel.

#9B6C4F · #C48E66 · #7E5C47

Radiant Accent

Use the lightest color as a background with a bright accent and a warm mid-tone for secondary elements, ensuring clarity and glow.

#F2D2A2 · #E6B079 · #C48E66

CSS variables

:root {
  --desert-sunstone-glow-1: #E6B079;
  --desert-sunstone-glow-2: #C48E66;
  --desert-sunstone-glow-3: #9B6C4F;
  --desert-sunstone-glow-4: #7E5C47;
  --desert-sunstone-glow-5: #F2D2A2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sunstone-glow": {
        1: "#E6B079",
        2: "#C48E66",
        3: "#9B6C4F",
        4: "#7E5C47",
        5: "#F2D2A2",
      }
    }
  }
}

Hex values

Color 1#E6B079

Color 2#C48E66

Color 3#9B6C4F

Color 4#7E5C47

Color 5#F2D2A2

Accessibility

Contrast checker

1.5:1Fail

2.3:1Fail

3.1:1AA18

1.3:1Fail

1.5:1Fail

1.6:1Fail

2.1:1Fail

2:1Fail

2.3:1Fail

1.6:1Fail

1.3:1Fail

3.1:1AA18

2.1:1Fail

1.3:1Fail

4.1:1AA18

1.3:1Fail

2:1Fail

3.1:1AA18

4.1:1AA18

Similar palettes

More like Desert Sunstone Glow

Desert Sunstone Glow

See it in context.

Ready when you are.

Built with Desert Sunstone Glow.

How to use Desert Sunstone Glow

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Golden Hour Foundation

Sandstone Layers

Radiant Accent

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Desert Sunstone Glow