Back to palettes

Palette

Bohemian Rhapsody

A warm and inviting mix of earthy tones, reflecting a free-spirited and cozy bohemian aesthetic.

earthnatural5 colors
More earth palettes

Preview

See it in context.

Interface

New

Ready when you are.

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

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

Data visualization

#D2B48C#F4A460#B8860B#A0522D#8B4513

Palette guide

How to use Bohemian Rhapsody

Overview

The Bohemian Rhapsody palette offers a warm and inviting mix of earthy tones, reflecting a free-spirited and cozy bohemian aesthetic. This natural scheme features a soft Tan (#D2B48C), vibrant Sandy Brown (#F4A460), rich Dark Goldenrod (#B8860B), deep Sienna (#A0522D), and robust Saddle Brown (#8B4513). It's perfect for designs that aim for a natural, comfortable, and authentic mood, conveying warmth and grounded elegance. Designers and developers can leverage this palette to craft visually comforting and engaging user experiences across various mediums.

Best used for

  • Cozy interior design concepts
  • Bohemian lifestyle product branding
  • Rustic cafe or bakery websites
  • Nature-inspired photography portfolios
  • Warm and inviting user interfaces
  • Autumnal fashion and textile designs

Suggested color roles

primary

#A0522D (Sienna) serves as a grounding base for headers or main sections, evoking natural warmth and stability.

secondary

#F4A460 (Sandy Brown) provides a vibrant, inviting contrast for subheadings or prominent interactive elements.

accent

#8B4513 (Saddle Brown) offers a deep, rich accent for calls to action, important details, or decorative flourishes.

background

#D2B48C (Tan) creates a soft, natural backdrop, ensuring excellent readability and a gentle, welcoming feel.

text

Use #8B4513 for main body text on lighter backgrounds like #D2B48C, ensuring optimal legibility and warmth.

Accessibility notes

  • Ensure sufficient contrast when using #F4A460 as text on #D2B48C due to potential low contrast.
  • Pair darker colors like #8B4513 or #A0522D with #D2B48C for body text to meet WCAG AA standards.
  • Avoid using #B8860B text on #A0522D due to 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

Earthy Comfort

Ideal for establishing a strong, natural visual hierarchy in web layouts or print materials.

#A0522D · #D2B48C · #8B4513

Warm Glow

Excellent for showcasing cozy lifestyle products, blog post headers, or inviting callouts.

#F4A460 · #D2B48C · #A0522D

Rustic Depth

Use for rich textures, layered backgrounds, or highlighting handcrafted components in digital art.

#8B4513 · #B8860B · #F4A460

CSS variables

:root {
  --bohemian-rhapsody-1: #D2B48C;
  --bohemian-rhapsody-2: #F4A460;
  --bohemian-rhapsody-3: #B8860B;
  --bohemian-rhapsody-4: #A0522D;
  --bohemian-rhapsody-5: #8B4513;
}

Tailwind config

theme: {
  extend: {
    colors: {
      "bohemian-rhapsody": {
        1: "#D2B48C",
        2: "#F4A460",
        3: "#B8860B",
        4: "#A0522D",
        5: "#8B4513",
      }
    }
  }
}

Related searches

bohemian earthy brown palettecozy free spirited colorsnatural rustic designwarm tan goldenrod schemeboho orange brown palette

Palette colors

Hex values

Color 1#D2B48C
·
Color 2#F4A460
·
Color 3#B8860B
·
Color 4#A0522D
·
Color 5#8B4513
·

Accessibility

Contrast checker

1
2
3
4
5
1
1:1Fail
1.7:1Fail
2.8:1Fail
3.6:1AA18
2
1:1Fail
1.6:1Fail
2.8:1Fail
3.5:1AA18
3
1.7:1Fail
1.6:1Fail
1.7:1Fail
2.2:1Fail
4
2.8:1Fail
2.8:1Fail
1.7:1Fail
1.3:1Fail
5
3.6:1AA18
3.5:1AA18
2.2:1Fail
1.3:1Fail

Similar palettes

More like Bohemian Rhapsody

View all earth
Rustic Autumn Abundance
Aged Leather Comfort
Aged Timber Charm
Aged Wood Stain
Ancient Clay Vessel
Artisan Bread Crust