Palette

Bohemian Desert Art

Inspired by the warm, sun-drenched palette of bohemian desert art, blending terracotta with earthy greens and sandy hues.

warmnatural5 colors

More warm palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E07A5F#FFB44F#FFEECF#3D405B#81B29A

Palette guide

How to use Bohemian Desert Art

Overview

The Bohemian Desert Art palette (original) is inspired by the warm, sun-drenched palette of bohemian desert art, blending terracotta with earthy greens and sandy hues. It features the vibrant #E07A5F, a warm terracotta, and the cheerful #FFB44F, a bright apricot orange. These warm tones are beautifully contrasted by the deep, sophisticated #3D405B, a dark blue-grey, and the calming #81B29A, a muted sage green. The airy #FFEECF, a creamy off-white, provides a clean, bright canvas. This collection is ideal for designs that seek a vibrant yet natural, artistic, and free-spirited aesthetic, perfect for creative brands or rustic projects.

Best used for

Art and craft websites
Bohemian lifestyle blogs
Desert-themed event branding
Natural product packaging
Travel photography portfolios
Rustic brand identity

Suggested color roles

primary

Use #3D405B as a strong primary for foundational elements, headings, or impactful brand elements, conveying depth and sophistication.

secondary

Employ #E07A5F for supporting sections, subheadings, or background accents, adding warmth and an earthy feel.

accent

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

background

Utilize #FFEECF as the primary background color to provide a clean, creamy canvas, allowing other colors to gently emerge.

text

For dark text on light backgrounds, #3D405B or #E07A5F offer excellent readability. On #FFEECF, a deep charcoal is recommended for body text.

Accessibility notes

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

Recommended combinations

Desert Sunset

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

#3D405B · #FFEECF · #E07A5F

Boho Oasis

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

#FFB44F · #81B29A · #FFEECF

Earthy Terracotta

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

#E07A5F · #81B29A · #3D405B

CSS variables

:root {
  --bohemian-desert-art-1: #E07A5F;
  --bohemian-desert-art-2: #FFB44F;
  --bohemian-desert-art-3: #FFEECF;
  --bohemian-desert-art-4: #3D405B;
  --bohemian-desert-art-5: #81B29A;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-desert-art": {
        1: "#E07A5F",
        2: "#FFB44F",
        3: "#FFEECF",
        4: "#3D405B",
        5: "#81B29A",
      }
    }
  }
}

Hex values

Color 1#E07A5F

Color 2#FFB44F

Color 3#FFEECF

Color 4#3D405B

Color 5#81B29A

Accessibility

Contrast checker

1.7:1Fail

2.6:1Fail

3.4:1AA18

1.2:1Fail

1.7:1Fail

1.5:1Fail

5.7:1AA

1.4:1Fail

2.6:1Fail

1.5:1Fail

8.8:1AAA

2.1:1Fail