Palette

Bohemian Desert Bloom

Rich earth tones and golden yellows inspired by resilient blossoms in a sun-drenched desert.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#8B4513#CD853F#F4A460#FFD700#FAFAD2

Palette guide

How to use Bohemian Desert Bloom

Overview

The Bohemian Desert Bloom palette (version 2) showcases rich earth tones and golden yellows, inspired by resilient blossoms in a sun-drenched desert. It features the deep, grounding #8B4513, a saddle brown, and the warm #CD853F, a peru. The palette brightens with the cheerful #F4A460, a sandy brown, and the radiant #FFD700, a pure gold. The airy #FAFAD2, a very light linen, provides a soft, luminous contrast. This collection is ideal for designs that aim to convey warmth, natural beauty, and a touch of vibrant luxury, perfect for artisanal brands or sun-kissed aesthetics.

Best used for

Artisanal jewelry branding
Desert-themed events
Bohemian fashion editorials
Natural skincare packaging
Travel and adventure blogs
Golden hour photography themes

Suggested color roles

primary

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

secondary

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

accent

Apply #FFD700 for vibrant highlights, interactive elements, or graphic details, adding a cheerful, luxurious pop.

background

Utilize #FAFAD2 as the primary background color to provide a clean, airy canvas, allowing other colors to truly shine.

text

For dark text on light backgrounds, #8B4513 or #CD853F offer excellent readability. On #FAFAD2, a deep brown or charcoal is recommended for body text.

Accessibility notes

Ensure sufficient contrast when pairing #F4A460 for text on #FAFAD2 backgrounds; a darker neutral is often needed.
The deeper tones #8B4513 and #CD853F provide good contrast for text when used on lighter backgrounds like #FAFAD2, meeting WCAG AA standards.
For interactive elements, aim for a contrast ratio of at least 3:1 against adjacent colors, especially when using #FFD700 as an accent.
Consider color vision deficiencies when using #CD853F and #F4A460 together; ensure distinct visual cues beyond color alone.

Recommended combinations

Golden Desert

Ideal for strong brand statements, luxurious headers, or impactful calls to action on a soft, luminous backdrop.

#8B4513 · #FAFAD2 · #FFD700

Sun-kissed Bloom

Perfect for vibrant accents, artistic illustrations, or layered UI elements that need a warm, energetic touch.

#CD853F · #F4A460 · #FFD700

Earthy Radiance

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

#F4A460 · #FAFAD2 · #8B4513

CSS variables

:root {
  --bohemian-desert-bloom-2-1: #8B4513;
  --bohemian-desert-bloom-2-2: #CD853F;
  --bohemian-desert-bloom-2-3: #F4A460;
  --bohemian-desert-bloom-2-4: #FFD700;
  --bohemian-desert-bloom-2-5: #FAFAD2;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-desert-bloom-2": {
        1: "#8B4513",
        2: "#CD853F",
        3: "#F4A460",
        4: "#FFD700",
        5: "#FAFAD2",
      }
    }
  }
}

Hex values

Color 1#8B4513

Color 2#CD853F

Color 3#F4A460

Color 4#FFD700

Color 5#FAFAD2

Accessibility

Contrast checker

2.4:1Fail

3.5:1AA18

5.1:1AA

6.6:1AA

2.4:1Fail

1.5:1Fail

2.1:1Fail

2.8:1Fail

3.5:1AA18

1.5:1Fail

1.4:1Fail

1.9:1Fail

5.1:1AA

2.1:1Fail

1.4:1Fail

1.3:1Fail

6.6:1AA

2.8:1Fail

1.9:1Fail

1.3:1Fail

Similar palettes

More like Bohemian Desert Bloom

Bohemian Rhapsody Warmth