Palette

Desert Sunstone Glow

A striking desert sunset, where warm sandstone hues meet the last vibrant glows of the day against a darkening sky.

warmnatural5 colors

More warm 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

#6D2932#9D3B2F#D05E3D#F8A856#E9B8B5

Palette guide

How to use Desert Sunstone Glow

Overview

The Desert Sunstone Glow palette paints a striking desert sunset, where warm sandstone hues meet the last vibrant glows of the day against a darkening sky. Anchored by the deep maroon of #6D2932, it transitions through rich reds like #9D3B2F and #D05E3D, with a radiant orange in #F8A856 and a soft, rosy beige in #E9B8B5. This palette is an excellent choice for designers and developers aiming to evoke a sense of dramatic warmth, bohemian charm, or artistic expression. Its harmonious blend of deep, earthy tones and vibrant highlights creates a sophisticated yet inviting aesthetic, perfect for designs that require both intensity and natural beauty.

Best used for

Bohemian fashion and accessories
Artisanal jewelry design
Spiritual and wellness branding
Natural beauty product lines
Artistic photography and digital art
Inviting and warm web design

Suggested color roles

primary

Utilize #6D2932 for foundational elements like main navigation, footers, or bold headlines, establishing a deep, sophisticated anchor.

secondary

Employ #9D3B2F for supporting roles such as subheadings, secondary buttons, or background sections, offering a rich, earthy red.

accent

Introduce #F8A856 as a bright, glowing orange accent for calls to action, highlights, or key interactive elements, adding a lively spark.

background

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

text

For optimal readability, use #6D2932 or a deep brown/charcoal against lighter backgrounds such as #E9B8B5 or #F8A856.

Accessibility notes

Ensure sufficient contrast for text on #E9B8B5 and #F8A856; dark text is always recommended.
Verify that #D05E3D provides enough contrast if used for critical UI elements against adjacent lighter colors.
Avoid placing light-colored text on mid-tone reds or oranges (#9D3B2F, #D05E3D) 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

Sunstone Foundation

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

#6D2932 · #E9B8B5 · #F8A856

Sunset Layers

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

#9D3B2F · #D05E3D · #6D2932

Glowing Accent

Use the lightest color as a background with a bright orange highlight and a rich red for accents, ensuring clarity and warmth.

#E9B8B5 · #F8A856 · #D05E3D

CSS variables

:root {
  --desert-sunstone-glow-2-1: #6D2932;
  --desert-sunstone-glow-2-2: #9D3B2F;
  --desert-sunstone-glow-2-3: #D05E3D;
  --desert-sunstone-glow-2-4: #F8A856;
  --desert-sunstone-glow-2-5: #E9B8B5;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "desert-sunstone-glow-2": {
        1: "#6D2932",
        2: "#9D3B2F",
        3: "#D05E3D",
        4: "#F8A856",
        5: "#E9B8B5",
      }
    }
  }
}

Hex values

Color 1#6D2932

Color 2#9D3B2F

Color 3#D05E3D

Color 4#F8A856

Color 5#E9B8B5

Accessibility

Contrast checker

1.5:1Fail

2.7:1Fail

5.3:1AA

6:1AA

1.5:1Fail

1.7:1Fail

3.5:1AA18

3.9:1AA18

2.7:1Fail

1.7:1Fail

2:1Fail

2.2:1Fail

5.3:1AA

3.5:1AA18

2:1Fail

1.1:1Fail

6:1AA

3.9:1AA18

2.2:1Fail

1.1:1Fail

Similar palettes

More like Desert Sunstone Glow