Palette

Bohemian Desert Sunset

Earthy oranges and browns blend with a hint of red, embodying a free-spirited desert sunset over vast lands.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#B8860B#D2691E#F4A460#BC8F8F#A0522D

Palette guide

How to use Bohemian Desert Sunset

Overview

The Bohemian Desert Sunset palette captures the breathtaking beauty of a free-spirited desert sunset, blending earthy oranges and browns with a hint of red. It features the rich, warm #B8860B, a goldenrod, and the vibrant #D2691E, a chocolate orange. The palette brightens with the cheerful #F4A460, a sandy brown, and is grounded by the robust #A0522D, a sienna. A unique touch comes from the muted, dusty pink of #BC8F8F, reminiscent of the sky's blush. This collection is ideal for designs that aim to convey warmth, natural beauty, and a rustic, adventurous aesthetic.

Best used for

Travel and adventure branding
Desert-themed event promotions
Bohemian home decor
Rustic food packaging
Natural photography themes
Fall seasonal marketing

Suggested color roles

primary

Use #A0522D as a strong primary for foundational elements, headings, or impactful brand elements, conveying depth and earthiness.

secondary

Employ #D2691E for supporting sections, subheadings, or background accents, adding warmth and approachability.

accent

Apply #B8860B or #F4A460 for vibrant highlights, interactive elements, or graphic details, adding a cheerful, golden glow.

background

Utilize a light cream or off-white (not in palette) for the primary background, allowing these rich colors to stand out.

text

For dark text on light backgrounds, #A0522D or #D2691E offer excellent readability. On lighter shades, a deep brown or charcoal is recommended for body text.

Accessibility notes

Ensure sufficient contrast when pairing #F4A460 or #BC8F8F for text on very light backgrounds; a darker neutral is often needed.
The deeper tones #A0522D and #D2691E provide good contrast for text when used on lighter backgrounds (e.g., a cream), meeting WCAG AA standards.
For interactive elements, aim for a contrast ratio of at least 3:1 against adjacent colors, especially when using #F4A460 as an accent.
Consider color vision deficiencies when using #D2691E and #B8860B together; ensure distinct visual cues beyond color alone.

Recommended combinations

Sunset Glow

Ideal for strong brand statements, rustic headers, or impactful calls to action on a warm, natural backdrop.

#A0522D · #F4A460 · #D2691E

Desert Blush

Perfect for subtle background transitions, artistic illustrations, or layered UI elements that need a warm, romantic touch.

#BC8F8F · #B8860B · #F4A460

Earthy Ember

Excellent for clean content blocks, readable body text with an accent, or inviting product highlights in a natural interface.

#D2691E · #A0522D · #B8860B

CSS variables

:root {
  --bohemian-desert-sunset-1: #B8860B;
  --bohemian-desert-sunset-2: #D2691E;
  --bohemian-desert-sunset-3: #F4A460;
  --bohemian-desert-sunset-4: #BC8F8F;
  --bohemian-desert-sunset-5: #A0522D;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-desert-sunset": {
        1: "#B8860B",
        2: "#D2691E",
        3: "#F4A460",
        4: "#BC8F8F",
        5: "#A0522D",
      }
    }
  }
}

Hex values

Color 1#B8860B

Color 2#D2691E

Color 3#F4A460

Color 4#BC8F8F

Color 5#A0522D

Accessibility

Contrast checker

1.1:1Fail

1.6:1Fail

1.2:1Fail

1.7:1Fail

1.1:1Fail

1.8:1Fail

1.3:1Fail

1.5:1Fail

1.6:1Fail

1.8:1Fail

1.4:1Fail

2.8:1Fail

1.2:1Fail

1.3:1Fail

1.4:1Fail

2:1Fail

1.7:1Fail

1.5:1Fail

2.8:1Fail

2:1Fail

Similar palettes

More like Bohemian Desert Sunset

View all warm

Canyon Vista Radiance