Back to palettes

Palette

Bohemian Rhapsody Hues

Earthy browns and unexpected splashes of vibrant color, celebrating freedom and artistic expression.

earthretro5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

A quick look at how Bohemian Rhapsody Hues 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 Rhapsody Hues.

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

Data visualization

#A0522D#CD853F#8B4513#6B8E23#DDA0DD

Palette guide

How to use Bohemian Rhapsody Hues

Overview

The Bohemian Rhapsody Hues palette blends earthy browns with unexpected splashes of vibrant color, celebrating freedom and artistic expression. This retro scheme features a deep Sienna (#A0522D), warm Peru (#CD853F), robust Saddle Brown (#8B4513), lively Olive Drab (#6B8E23), and soft Plum (#DDA0DD). It's perfect for designs that aim for a rustic, natural, yet colorful and expressive mood, conveying uniqueness and creativity. Designers and developers can leverage this palette to create visually intriguing and memorable user experiences.

Best used for

  • Eclectic interior design themes
  • Artistic bohemian fashion brands
  • Nature-inspired product packaging with a twist
  • Creative blog and social media graphics
  • Retro-themed event promotions
  • Unique digital art illustrations

Suggested color roles

primary

#A0522D (Sienna) provides a strong, earthy base for headers or main sections, grounding the design.

secondary

#CD853F (Peru) offers a warm, inviting contrast, ideal for subheadings or prominent interactive elements.

accent

#DDA0DD (Plum) delivers an unexpected, vibrant pop, perfect for calls to action, icons, or decorative flourishes.

background

A neutral, light beige, or even #DDA0DD for a bolder statement, ensuring readability for darker text.

text

Use #8B4513 for main body text on lighter backgrounds, or a very dark charcoal for enhanced legibility.

Accessibility notes

  • Ensure sufficient contrast when using #DDA0DD as text on light backgrounds or other mid-tones.
  • Pair darker colors like #8B4513 or #A0522D with light backgrounds for body text to meet WCAG standards.
  • Avoid placing #CD853F text on #A0522D due to potential low contrast, especially for smaller font sizes.
  • Consider using #6B8E23 for larger headlines or accents rather than small body text to maintain readability.

Recommended combinations

Earthy Pop

Creates a surprising, energetic contrast for banners, callouts, or unique branding elements.

#A0522D · #DDA0DD · #CD853F

Rustic Green

Ideal for grounding sections with natural depth, like footers or feature blocks in outdoor themes.

#8B4513 · #6B8E23 · #A0522D

Expressive Blend

Use for dynamic graphics, abstract patterns, or elements needing strong, colorful differentiation.

#CD853F · #DDA0DD · #6B8E23

CSS variables

:root {
  --bohemian-rhapsody-hues-1: #A0522D;
  --bohemian-rhapsody-hues-2: #CD853F;
  --bohemian-rhapsody-hues-3: #8B4513;
  --bohemian-rhapsody-hues-4: #6B8E23;
  --bohemian-rhapsody-hues-5: #DDA0DD;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-rhapsody-hues": {
        1: "#A0522D",
        2: "#CD853F",
        3: "#8B4513",
        4: "#6B8E23",
        5: "#DDA0DD",
      }
    }
  }
}

Related searches

bohemian earthy plum paletterustic colorful color schemenatural expressive huesretro brown green purpleunique bohemian design

Palette colors

Hex values

Color 1#A0522D
·
Color 2#CD853F
·
Color 3#8B4513
·
Color 4#6B8E23
·
Color 5#DDA0DD
·

Accessibility

Contrast checker

1
2
3
4
5
1
1.9:1Fail
1.3:1Fail
1.5:1Fail
2.7:1Fail
2
1.9:1Fail
2.4:1Fail
1.3:1Fail
1.4:1Fail
3
1.3:1Fail
2.4:1Fail
1.9:1Fail
3.4:1AA18
4
1.5:1Fail
1.3:1Fail
1.9:1Fail
1.8:1Fail
5
2.7:1Fail
1.4:1Fail
3.4:1AA18
1.8:1Fail

Similar palettes

More like Bohemian Rhapsody Hues

View all earth