Back to palettes

Palette

Bohemian Sunset Clay

Earthy tones infused with the warm glow of a bohemian desert sunset.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#E0BF9C#C49E7D#A87D5E#8C5E41#6B422B

Palette guide

How to use Bohemian Sunset Clay

Overview

The Bohemian Sunset Clay palette infuses earthy tones with the warm glow of a bohemian desert sunset. This natural scheme features a light Beige (#E0BF9C), soft Clay (#C49E7D), warm Terracotta (#A87D5E), rustic Brown (#8C5E41), and deep Coffee (#6B422B). It's perfect for designs that aim for a natural, rustic, and serene mood, conveying warmth and a grounded, Southwestern aesthetic. Designers and developers can leverage this palette to craft visually comforting and engaging user experiences across various mediums.

Best used for

  • Southwestern interior design
  • Pottery and ceramic art branding
  • Desert-inspired photography
  • Bohemian lifestyle and home decor
  • Rustic wedding themes
  • Warm and inviting user interfaces

Suggested color roles

primary

#A87D5E (Terracotta) serves as a warm, inviting main color for headers or prominent sections, evoking natural clay tones.

secondary

#8C5E41 (Rustic Brown) provides a deeper, grounding contrast, ideal for subheadings or supportive content.

accent

#6B422B (Coffee) offers a rich, sophisticated accent for calls to action, important details, or decorative flourishes.

background

#E0BF9C (Beige) or #C49E7D (Clay) creates a soft, breathable backdrop, ensuring excellent readability.

text

Use #6B422B for main body text on lighter backgrounds like #E0BF9C, providing clarity and a natural feel.

Accessibility notes

  • Ensure sufficient contrast when using #E0BF9C or #C49E7D as text on similar light backgrounds.
  • Pair darker colors like #8C5E41 or #6B422B with #E0BF9C for body text to meet WCAG AA standards.
  • Avoid using #A87D5E text on #C49E7D due to potential low contrast, especially for smaller font sizes.
  • Consider larger font sizes or bolding for text elements in mid-tone colors to enhance readability.

Recommended combinations

Desert Glow

Ideal for creating soft, warm headers or prominent visual elements in desert-themed designs.

#E0BF9C · #A87D5E · #6B422B

Clay Depth

Excellent for grounding sections with depth, like footers or feature blocks in pottery-inspired designs.

#C49E7D · #8C5E41 · #A87D5E

Sunset Earth

Use for rich textures, layered backgrounds, or emphasizing natural, earthy sections with warmth.

#6B422B · #E0BF9C · #C49E7D

CSS variables

:root {
  --bohemian-sunset-clay-1: #E0BF9C;
  --bohemian-sunset-clay-2: #C49E7D;
  --bohemian-sunset-clay-3: #A87D5E;
  --bohemian-sunset-clay-4: #8C5E41;
  --bohemian-sunset-clay-5: #6B422B;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-sunset-clay": {
        1: "#E0BF9C",
        2: "#C49E7D",
        3: "#A87D5E",
        4: "#8C5E41",
        5: "#6B422B",
      }
    }
  }
}

Related searches

bohemian sunset clay palettesouthwestern earthy colorsrustic desert brown schemenatural terracotta beigewarm clay design inspiration

Palette colors

Hex values

Color 1#E0BF9C
·
Color 2#C49E7D
·
Color 3#A87D5E
·
Color 4#8C5E41
·
Color 5#6B422B
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.4:1Fail
2.1:1Fail
3.2:1AA18
5:1AA
2
1.4:1Fail
1.5:1Fail
2.3:1Fail
3.5:1AA18
3
2.1:1Fail
1.5:1Fail
1.5:1Fail
2.4:1Fail
4
3.2:1AA18
2.3:1Fail
1.5:1Fail
1.6:1Fail
5
5:1AA
3.5:1AA18
2.4:1Fail
1.6:1Fail

Similar palettes

More like Bohemian Sunset Clay

View all earth
Artisan Clay Texture
Desert Clay Pot
Sunbaked Clay Terracotta
Adobe Sunset Glow
Adobe Sunset Glow
Ancient Clay Pottery