Back to palettes

Palette

Woven Desert Sunset

Warm desert tones blending into soft twilight blues, inspired by a vast, tranquil sunset.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Woven Desert Sunset 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 Woven Desert Sunset.

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

Data visualization

#D2B48C#F4A460#FF7F50#E9967A#B0E0E6

Palette guide

How to use Woven Desert Sunset

Overview

The "Woven Desert Sunset" palette captures the breathtaking transition of a desert sky, blending warm earth tones with soft twilight blues. It features striking hex codes like #FF7F50 (a vibrant coral orange), #F4A460 (a rich sandy orange), and #B0E0E6 (a serene sky blue). This palette is perfect for designers aiming to evoke feelings of warmth, adventure, and tranquility. Its dynamic yet harmonious range of colors is highly versatile for creating engaging digital art, vibrant branding, or evocative print materials, reflecting natural beauty and a captivating atmosphere.

Best used for

  • Travel agency branding
  • Outdoor adventure websites
  • Natural beauty product packaging
  • Event promotions and posters
  • Digital illustrations and art
  • Lifestyle blogs with a natural theme

Suggested color roles

primary

Use #FF7F50 as a vibrant, energetic coral orange, excellent for calls to action, main headings, or focal points, conveying warmth and excitement.

secondary

Apply #F4A460, a rich, sandy orange, perfect for subheadings, navigation, or larger content blocks, offering a grounding warmth.

accent

Utilize #B0E0E6, a serene sky blue, providing a refreshing contrast and ideal for subtle highlights or complementary graphic elements.

background

Employ #D2B48C, a soft, earthy tan, creating a warm and inviting base that allows the sunset hues to truly shine.

text

For primary text on #D2B48C, use a deep brown or black. For large headings on #FF7F50, #B0E0E6 can offer vibrant contrast.

Accessibility notes

  • Ensure black or dark brown text on #D2B48C meets WCAG AA contrast standards.
  • Avoid using #E9967A for small text on #F4A460 due to low contrast.
  • Use #FF7F50 for large text or headings on #B0E0E6 for vibrant, legible contrast.
  • Consider a very dark text color, such as black, for any body copy placed on #D2B48C.

Recommended combinations

Sunset Glow

Captures the vibrant warmth of a desert sunset, ideal for evocative headers or hero sections.

#FF7F50 · #D2B48C · #F4A460

Desert Twilight

Combines sky tones with warmer hues for a calming effect, suitable for backgrounds or subtle imagery.

#B0E0E6 · #E9967A · #F4A460

Earthy Balance

Provides a grounded yet vibrant aesthetic for natural themes or adventurous branding.

#D2B48C · #F4A460 · #FF7F50

CSS variables

:root {
  --woven-desert-sunset-1: #D2B48C;
  --woven-desert-sunset-2: #F4A460;
  --woven-desert-sunset-3: #FF7F50;
  --woven-desert-sunset-4: #E9967A;
  --woven-desert-sunset-5: #B0E0E6;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "woven-desert-sunset": {
        1: "#D2B48C",
        2: "#F4A460",
        3: "#FF7F50",
        4: "#E9967A",
        5: "#B0E0E6",
      }
    }
  }
}

Related searches

desert sunset colorswarm earth and sky paletteorange peach blue schemenatural landscape colorsvibrant travel palette

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#F4A460
·
Color 3#FF7F50
·
Color 4#E9967A
·
Color 5#B0E0E6
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.3:1Fail
1.2:1Fail
1.4:1Fail
2
1:1Fail
1.2:1Fail
1.1:1Fail
1.4:1Fail
3
1.3:1Fail
1.2:1Fail
1.1:1Fail
1.7:1Fail
4
1.2:1Fail
1.1:1Fail
1.1:1Fail
1.6:1Fail
5
1.4:1Fail
1.4:1Fail
1.7:1Fail
1.6:1Fail

Similar palettes

More like Woven Desert Sunset

View all earth
Adobe Sunset Glow
Canyon Bloom Echo
Canyon Clay Bluffs
Canyon Clay Formations
Canyon Whisper
Deep Canyon Sunset