Palette

Boho Desert Dreams

Soft, muted neutrals and dusty browns inspired by bohemian desert aesthetics.

earthnatural5 colors

More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Boho Desert Dreams 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 Boho Desert Dreams.

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

Data visualization

#F5F5DC#EBDBC2#D2BBA2#BB9B82#A67F68

Palette guide

How to use Boho Desert Dreams

Overview

The "Boho Desert Dreams" palette offers a collection of soft, muted neutrals and dusty browns, inspired by bohemian desert aesthetics. This tranquil gradient moves from the near-white #F5F5DC and #EBDBC2 to the warm beige of #D2BBA2, deepening into the comforting #BB9B82 and the rich #A67F68. Ideal for designers seeking to convey calmness, natural beauty, and a rustic aesthetic, this palette is versatile for branding, web design, or digital art. It evokes a sense of peacefulness and understated elegance, perfect for projects that celebrate natural landscapes, relaxed lifestyles, or a timeless, earthy charm, creating a truly serene visual experience.

Best used for

Desert-inspired home decor branding
Natural skincare product packaging
Bohemian wedding stationery
Relaxed lifestyle blogs
Wellness and yoga studio branding
Photography portfolios with earthy tones

Suggested color roles

primary

Use #A67F68 as a deep, stable primary color for headers, footers, or important brand elements, conveying grounded elegance.

secondary

Apply #BB9B82 for subheadings, content blocks, or feature panels, offering warmth and approachability.

accent

Introduce #D2BBA2 for subtle calls-to-action, highlights, or decorative patterns to add soft warmth.

background

The light #F5F5DC serves as an excellent clean background, allowing other colors to pop. #EBDBC2 can be used for softer sections.

text

Pair dark text like charcoal or #A67F68 on #F5F5DC. For darker backgrounds, use a light cream or white for optimal readability.

Accessibility notes

Ensure sufficient contrast when using #D2BBA2 or #EBDBC2 for text, especially on similar value backgrounds; use as accents or for large text.
The dark #A67F68 provides excellent contrast for light text, making it a reliable choice for readability.
Avoid using #BB9B82 for small text on #D2BBA2 due to potential low contrast; use for larger headings.
Always test text and interactive elements with WCAG contrast checkers to ensure accessibility for all users.

Recommended combinations

Desert Gradient

Ideal for creating soft, inviting content areas, product displays, or blog layouts with a natural, grounded feel.

#A67F68 · #BB9B82 · #D2BBA2

Soft Sands

Perfect for clean, inviting content areas, product displays, or blog layouts, offering warmth and clarity.

#F5F5DC · #EBDBC2 · #A67F68

Dusty Neutral

Effective for creating background patterns, subtle branding elements, or visual depth in a natural design.

#D2BBA2 · #BB9B82 · #EBDBC2

CSS variables

:root {
  --boho-desert-dreams-1: #F5F5DC;
  --boho-desert-dreams-2: #EBDBC2;
  --boho-desert-dreams-3: #D2BBA2;
  --boho-desert-dreams-4: #BB9B82;
  --boho-desert-dreams-5: #A67F68;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "boho-desert-dreams": {
        1: "#F5F5DC",
        2: "#EBDBC2",
        3: "#D2BBA2",
        4: "#BB9B82",
        5: "#A67F68",
      }
    }
  }
}

Hex values

Color 1#F5F5DC

Color 2#EBDBC2

Color 3#D2BBA2

Color 4#BB9B82

Color 5#A67F68

Accessibility

Contrast checker

1.2:1Fail

1.7:1Fail

2.3:1Fail

3.2:1AA18

1.2:1Fail

1.4:1Fail

1.9:1Fail

2.6:1Fail

1.7:1Fail

1.4:1Fail

1.9:1Fail

2.3:1Fail

1.9:1Fail

1.4:1Fail

3.2:1AA18

2.6:1Fail

1.9:1Fail

1.4:1Fail

Similar palettes

More like Boho Desert Dreams

Boho Desert Dreams

See it in context.

Ready when you are.

Built with Boho Desert Dreams.

How to use Boho Desert Dreams

Overview

Best used for

Suggested color roles

Accessibility notes

Recommended combinations

Desert Gradient

Soft Sands

Dusty Neutral

CSS variables

Tailwind config

Related searches

Hex values

Contrast checker

More like Boho Desert Dreams